Intro 01 · Color Wheel

色彩理论基础
互动教学

从日常的彩虹与自然色彩出发,建立有序的色彩认知。用一个可操作的色轮,看清「原色、二次色、互补色」是怎么来的、彼此是什么关系——让配色不再凭感觉,而是有逻辑、有依据。

3基础原色
180°互补夹角
12标准色相
开始探索 →
Concept 02 · Interactive Wheel

可交互色轮

这是色彩关系的「空间地图」。切换下方模式,观察三类颜色的分布规律;在「互补色」模式下,点击或悬停任意色块,系统会自动连出它正对面(相距 180°)的互补色。

💡 试一试:点击色轮上的色块并切换模式,看它们「亮起」或「变暗」的规律——这就是颜色在空间中的亲疏远近。

Concept 03 · Primary & Secondary

原色与二次色

在减色模型(绘画/印刷)里,红、黄、蓝是「原色」——它们无法由其他颜色混合而成,是所有颜色的起点。两两等量混合,就得到「二次色」。

Primary

三原色之一,热烈鲜明。无法由其他颜色混合而成,是色彩混合的起点之一。

Primary

三原色之一,明亮轻快。色轮上最亮的暖调,是色彩混合的起点之一。

Primary

三原色之一,沉静深邃。减色模型的基础,赋予画面退后与安定感。

Mixing

二次色如何诞生

把相邻的两个原色等量混合,中间就「长」出了二次色。下面三组用半透明光斑叠加,直观呈现混合关系。

=
红 + 黄 等量混合
=
绿黄 + 蓝 等量混合
=
蓝 + 红 等量混合
Concept 04 · Complementary

如何确定互补色

互补色是色轮上相距 180° 的颜色对,并列时视觉对比最强烈。记住「直径两端」这条规律,无需工具也能快速定位。

Hc = ( H + 180° ) mod 360°

红 · 绿 最强的对比之一,常用作「警戒 / 突出」的视觉语言
蓝 · 橙 网页按钮经典搭配,冷底暖点瞬间抓眼
黄 · 紫 高明度对比,促销海报标题常用
Quiz 05 · Knowledge Check

色彩知识小测

检验你对色轮、原色、二次色与互补色的理解。

Q1减色模型中,三原色是哪三种?

Q2红与黄等量混合,得到什么颜色?

Q3红色的互补色是?

Q4互补色在色轮上相距多少度?