色彩学

概念

色彩是光进入眼睛后产生的主观感受，它的物理基础是可见光的波长分布。同一块颜色，换一种光源、换一个背景、换一双眼睛，感受都会变化——所以色彩学必须同时处理物理量（波长、辐射强度）与感知量（明度、鲜艳程度、冷暖）。

三个最常用的描述体系：

体系	面向	三个分量	典型用途
RGB	设备发光	红、绿、蓝（0–255）	屏幕、摄像头
HSV / HSL	人的直觉	色相、饱和度、（明度/亮度）	调色、选色器
CMYK	印刷吸光	青、品红、黄、黑（0–100%）	印刷、喷绘

为什么要有三套：RGB 是"怎么造出这个颜色"，CMYK 是"怎么印出这个颜色"，HSV 是"怎么描述这个颜色"。画者调色的思路天然是 HSV 式的——"再红一点、再暗一点、再灰一点"，说的正是色相、明度、饱和度的三个方向。

原理

色相、明度、饱和度：三个正交方向

色相 H（Hue）：颜色的"名称"，用 0°–360° 的色环表示。红 0°、黄 60°、绿 120°、青 180°、蓝 240°、品红 300°。

饱和度 S（Saturation）：颜色的纯度倾向，0 为灰、1 为最纯。加白、加灰、加互补色都会降低饱和度。

明度 V（Value，HSV 中）：颜色的明暗程度，0 为黑、1 最亮。HSV 的 V 取的是通道最大值：

$$V=max(R,G,B),S=\frac{max-min}{max}$$

色相则按"谁最大"分三段计算：

• 若 $max=R$：$H={60}^{\circ }\times ({\displaystyle \frac{G-B}{max-min}}mod6)$
• 若 $max=G$：$H={60}^{\circ }\times ({\displaystyle \frac{B-R}{max-min}}+2)$
• 若 $max=B$：$H={60}^{\circ }\times ({\displaystyle \frac{R-G}{max-min}}+4)$

HSL 的 L 与 HSV 的 V 不是一回事：$L=(max+min)/2$ 是"从黑到白的灯光亮度"，$V=max$ 是"最亮通道的电压"。两者在纯色上都给 0.5 与 1.0——混用会导致同一组数值算不出同一个颜色。

明度是可加的，色相是不可加的

人眼对三原色的敏感度并不相同：绿色最亮、红色次之、蓝色最暗。相对亮度就是把 sRGB 的非线性数值先线性化，再加权求和：

$$Y=0.2126R_{\text{lin}}+0.7152G_{\text{lin}}+0.0722B_{\text{lin}}$$

线性化的分段公式（sRGB 标准）：

$$C_{\text{lin}}=\{\begin{array}{ll}{\displaystyle \frac{C}{12.92}},& C\le 0.04045\\ {\left({\displaystyle \frac{C+0.055}{1.055}}\right)}^{2.4},& C>0.04045\end{array}$$

这套伽马（幂次约 2.2）的存在，使得"数值 128"并不等于"亮度一半"。这一点在设计与摄影里反复用到（详见数字图像处理）。

有了相对亮度，就能算 WCAG 定义的对比度：

$$\text{CR}=\frac{L_1+0.05}{L_2+0.05}$$

它直接决定了文字与背景的可读性，是唯一可以用一个数字说清"配得看不看得清"的指标。

配色规律

色相环上的角度差，决定了配色关系的性格：

关系	色相差	性格
同类色	0°–15°	最稳、最平，靠明度与纯度拉层次
邻近色	15°–45°	和谐、易配
中差色	45°–90°	有一定张力
对比色	90°–150°	强烈、活泼
互补色	180°	最强烈，也最容易脏、最容易刺眼
分裂互补	150° / 210°（各偏 30°）	保留互补的张力但更耐看

面积分配上常用 60-30-10 法则：主色占约 60%、辅助色约 30%、点缀色约 10%。互补色若各占一半，画面会互相打架——所以互补色通常只给到 10% 的点缀份额。

色彩的冷暖与心理

• 色温来自黑体辐射：温度越低越偏红黄（暖），越高越偏蓝（冷）。所以色温高 = 视觉冷，这和"热水烫 = 暖"的日常直觉恰好相反，初学极易记反。
• 冷暖是相对判断，不是绝对属性：同一块灰，放在红旁边显得冷，放在蓝旁边显得暖。
• 同时对比：相邻两色会互相把对方推向自己的补色方向。
• 面积错觉：高明度、高饱和、暖色显大、显近、显前；低明度、低饱和、冷色显小、显远、显退。

示例

例 1：五个颜色的 RGB → HSV / HSL 换算

RGB	max	min	H	S（HSV）	V	L（HSL）	S（HSL）
(255, 0, 0)	1.0000	0	0.00°	1.0000	1.0000	0.5000	1.0000
(64, 128, 192)	0.7529	0.2510	210.00°	0.6667	0.7529	0.5020	0.5039
(200, 150, 100)	0.7843	0.3922	30.00°	0.5000	0.7843	0.5882	0.4762
(128, 128, 128)	0.5020	0.5020	0（无意义）	0.0000	0.5020	0.5020	0
(0, 255, 0)	1.0000	0	120.00°	1.0000	1.0000	0.5000	1.0000

第 2 行的完整推导：

• $max=192,min=64$，$d=192-64=128$；
• $max$ 是 B（蓝），走第三段公式：$H={60}^{\circ }\times ({\displaystyle \frac{64-128}{128}}+4)={60}^{\circ }\times 3.5=\ast \ast 210.00°\ast \ast$；
• $S=128/192=\ast \ast 0.6667$，$V=192/255=\ast \ast 0.7529$。

第 3 行验证"$max$ 是 R"的分支：$H={60}^{\circ }\times {\displaystyle \frac{150-100}{100}}=\ast \ast 30.00°\ast \ast$（橙），$S=100/200=\ast \ast 0.5$**。

第 4 行说明一件重要的事：$d=0$ 时色相没有定义（灰色可以配任何色相），程序里一律取 0，但这个 0 不代表"红"。

例 2：相对亮度与对比度

对灰阶逐个算（$C=n/255$，先线性化再加权）：

颜色	8 位值	线性值 $R_{\text{lin}}$	相对亮度 $L$	与白的对比度	与黑的对比度
纯白	255	1.0000	1.0000	1.00	21.00
纯黑	0	0.0000	0.0000	21.00	1.00
#777777	119	0.1845	0.1845	4.4781	4.6895
#767676	118	0.1812	0.1812	4.5422	4.6233
#808080	128	0.2159	0.2159	3.9494	5.3172
纯红 #FF0000	255	0.2126	0.2126	3.9985	5.2520
纯蓝 #0000FF	255	0.0722	0.0722	8.5925	2.4440

#808080 的推导：$C=128/255=0.50196>0.04045$，故 $C_{\text{lin}}={\left({\displaystyle \frac{0.50196+0.055}{1.055}}\right)}^{2.4}=(0.52792{)}^{2.4}=\ast \ast 0.2159$； 对比白 ${\displaystyle \frac{1.0000+0.05}{0.2159+0.05}}={\displaystyle \frac{1.05}{0.2659}}=\ast \ast 3.9494$。

这张表最有价值的两个结论：

1. 纯红与纯蓝的亮度差可达 2.9 倍（0.2126 vs 0.0722）——"红更亮、蓝更暗"是生理事实，所以同样粗细的红字与蓝字，白底上红字更难读。
2. WCAG AA 级的 4.5:1 门槛正好卡在 #767676 与 #777777 之间：前者 4.5422 通过、后者 4.4781 不通过。差一个 8 位数值的一级灰，就是"合规"与"不合规"的分界——这就是为什么"凭感觉调灰"做不出合格的无障碍配色。

例 3：伽马造成的"数值一半 ≠ 亮度一半"

线性亮度 0.5 编码成 sRGB：

$$C_{\text{sRGB}}=1.055\times {0.5}^{1/2.4}-0.055=1.055\times 0.7492-0.055=0.7354\Rightarrow 8\text{ 位值 }187.5\to 188$$

反向验证：$188/255=0.73725$，线性化得 ${\left({\displaystyle \frac{0.79225}{1.055}}\right)}^{2.4}=\ast \ast 0.5029\ast \ast$，与原值 0.5 相差 0.58%，可逆。

结论：屏幕上的"中灰"不是 128，而是 188 附近。凡是"一半亮度"的算法（淡出、叠色、阴影），都必须在线性空间里做，否则结果偏暗。

例 4：RGB → CMYK（印刷四色）

设 $K=1-max(R,G,B)$，其余分量按 $C={\displaystyle \frac{1-R-K}{1-K}}$ 计算。取 RGB(200,150,100)：

• $K=1-200/255=1-0.7843=\ast \ast 0.2157$（≈ 21.57%）**
• $C={\displaystyle \frac{1-0.7843-0.2157}{1-0.2157}}={\displaystyle \frac{0}{0.7843}}=\ast \ast 0\mathrm{\%}\ast \ast$
• $M={\displaystyle \frac{1-0.5882-0.2157}{0.7843}}={\displaystyle \frac{0.1961}{0.7843}}=\ast \ast 25.00\mathrm{\%}\ast \ast$
• $Y={\displaystyle \frac{1-0.3922-0.2157}{0.7843}}={\displaystyle \frac{0.3922}{0.7843}}=\ast \ast 50.00\mathrm{\%}\ast \ast$

即 CMYK = (0, 25, 50, 22)。C = 0 说明这个橙黄色在印刷上不需要加青——青是红的补色，红多则青少，这是互补色关系在印刷上的直接体现。

例 5：色温与黑体辐射峰值波长

由维恩位移定律 ${\lambda }_{max}={\displaystyle \frac{b}{T}}$，$b=2.897771955\times {10}^{-3}$ m·K：

色温	峰值波长	位置
3000 K（白炽灯）	965.92 nm	红外——可见区只剩红端尾巴
5500 K（日光）	526.87 nm	绿——正好在人眼最敏感处
6500 K（阴天）	445.81 nm	蓝紫——所以阴影偏蓝

这张表解释了一个日常现象：钨丝灯把大部分能量辐射进红外，可见光里又只剩红端，所以它又黄又费电；而日光峰值在 526.87 nm 的绿区，人眼视锥细胞对这一段最敏感，"自然光看着舒服"是可以算出来的。

白平衡的修正常用**微倒度（mired）**表示：$\text{mired}={10}^6/T$。5500 K 为 181.8，3200 K 为 312.5，两者差 130.68 —— 这就是要在灯前加的那片滤镜的强度量级（见摄影）。

要点

要点与常见误区

1. HSV 的 V 与 HSL 的 L 是两套定义：$V=max$、$L=(max+min)/2$。在同一份设计稿里混用，颜色一定对不上。
2. $R=G=B$ 时色相无定义：灰色的 H 值取 0 是程序约定，不代表它是红色。判"是不是灰"要看饱和度是否为 0。
3. 饱和度降低有三条路：加白（变浅）、加黑（变暗）、加互补色（变浊）。三者结果不同，"降纯"不等于"调暗"。
4. 明度不可凭数值比较：#FF0000 与 #0000FF 的 8 位值都是 255，相对亮度却是 0.2126 vs 0.0722（差 2.9 倍）。配色时用相对亮度判断轻重，不要用 RGB 数值。
5. 对比度 4.5:1 是 WCAG AA 的正文门槛，分界线精确落在 #767676（4.5422，过）与 #777777（4.4781，不过）之间。大字号（≥ 24 px 或 ≥ 18.66 px 粗体）可降到 3:1。
6. "数值一半 ≠ 亮度一半"：线性 0.5 对应 sRGB 188 而非 128。所有与亮度相关的运算都要先线性化，再编码回去。
7. 色温高 = 视觉冷，色温低 = 视觉暖：3000 K 的灯是暖黄光，6500 K 是冷白光。这个方向与日常温度直觉相反。
8. 互补色（色相差 180°）只适合做点缀：大面积互补必打架；设计上通常用 60-30-10 分配，或改用分裂互补（150°/210°）。
9. 印刷是减色混合、屏幕是加色混合：屏幕三色全开是白，油墨三色全涂是黑（所以印刷需要独立的 K 版）。同一组 RGB 转 CMYK 后颜色会变，这不是 bug，是媒介差异。
10. 色彩感觉是相对的：离开背景谈"这个颜色好不好看"没有意义——同时对比会让同一块色在不同环境里读起来完全不同。

小结

• 三套体系：RGB 面向发光设备、CMYK 面向印刷、HSV/HSL 面向人的直觉；同一颜色在三套里的数值互不相同。
• HSV 定义：$V=max$、$S={\displaystyle \frac{max-min}{max}}$，色相按"谁最大"分三段，$H$ 在 $d=0$ 时无定义。
• 相对亮度 $Y=0.2126R_{\text{lin}}+0.7152G_{\text{lin}}+0.0722B_{\text{lin}}$；绿最亮（0.7152）、蓝最暗（0.0722）；纯红与纯蓝亮度差 2.9 倍。
• 对比度 $\text{CR}={\displaystyle \frac{L_1+0.05}{L_2+0.05}}$，黑白极限 21:1；AA 门槛 4.5:1 卡在 #767676（4.5422）与 #777777（4.4781）之间。
• 伽马使"线性 0.5 → sRGB 188"，数值一半不是亮度一半。
• 配色按色相差分档：同类 0–15°、邻近 15–45°、中差 45–90°、对比 90–150°、互补 180°、分裂互补 150°/210°；面积按 60-30-10 分配。
• 色温由维恩位移定律决定：3000 K → 965.92 nm（红外）、5500 K → 526.87 nm（绿）、6500 K → 445.81 nm（蓝紫）；色温高偏冷。

下一篇：透视学