August 7, 2026 in 艺术与创作2 minutes
从视觉生理机制出发,解析三原色系统、色彩空间与实用配色技巧
颜色理论: 三原色系统是建立在人类视觉生理基础上一套精妙的编码方案。
视网膜上有视杆细胞和视锥细胞,三种视锥细胞对红、绿、蓝最为敏感(并非只感应某一种光,这也限制了有些单色还原不出来)。
红,绿,蓝。混合颜色越多,越亮,趋向于白色
青,品红,黄。混合颜色越多,越暗,趋向于黑色
RGB 是加色混合模型,对应显示器的三组发光体(红/绿/蓝LED或荧光粉)。
HSB 三个分量分别对应人感知颜色的三个独立维度:
| 分量 | 英文 | 含义 | 范围 |
|---|---|---|---|
| H | Hue(色相) | 颜色的"种类",对应色环角度 | 0°–360° |
| S | Saturation(饱和度) | 颜色的"纯度/鲜艳程度" | 0%–100% |
| B/V | Brightness/Value(明度) | 颜色的"亮暗" | 0%–100% |
想象一个倒置的六棱锥(或圆柱):
📝 HSB = HSV,只是叫法不同(Photoshop用HSB,学术界多用HSV)。另有HSL模型,L代表Lightness,计算方式不同,别混淆。
它们不是两种不同的颜色,而是同一颜色的两套坐标系——就像同一个地点可以用直角坐标 (x, y) 也可以用极坐标 (r, θ) 描述。
RGB → HSB 的核心逻辑:
设 R, G, B ∈ [0, 1](归一化后)
M = max(R, G, B) ← 最亮通道
m = min(R, G, B) ← 最暗通道
C = M - m ← 色度(Chroma)
明度: V = M
饱和度:S = C / M (若 M=0 则 S=0)
色相 H:
若 C=0 → H=0(无彩色,灰)
若 M=R → H = 60° × [(G-B)/C mod 6]
若 M=G → H = 60° × [(B-R)/C + 2]
若 M=B → H = 60° × [(R-G)/C + 4]
HSB → RGB 是上述过程的逆运算(分段线性插值)。
| 描述 | RGB | HSB |
|---|---|---|
| 纯红 | (255, 0, 0) | H=0°, S=100%, B=100% |
| 粉色 | (255, 128, 192) | H=330°, S=50%, B=100% |
| 深绿 | (0, 100, 0) | H=120°, S=100%, B=39% |
| 灰色 | (128, 128, 128) | H=0°, S=0%, B=50% |
🔑 关键理解: 转换是无损的、一一对应的(在RGB色域内)。HSB并没有"创造"新颜色,只是换了一种人类更易读的描述方式。
你在 Photoshop 里拖色环选色,底层仍然存储为 RGB 值。两者之间的桥梁就是上述数学公式。
这才是真正深刻的物理问题。
1931年,CIE(国际照明委员会)通过大量颜色匹配实验,建立了CIE xy 色度图:
在色度图上,任何一个 RGB 显示系统(sRGB、Adobe RGB、DCI-P3、Rec.2020)都表现为一个三角形:
⚠️ 核心原因:光谱轨迹是弯曲的,而三原色混合只能形成直线边界的三角形。
| 色域 | 最容易丢失的区域 |
|---|---|
| sRGB(普通显示器/网页) | 鲜艳的青绿色、深红橙色、饱和紫 |
| Adobe RGB(印刷/专业) | 仍然缺少部分极端青绿和蓝紫 |
| DCI-P3(电影/手机) | 覆盖较好但仍有边角缺失 |
| Rec.2020(超高清标准) | 接近马蹄形但仍不完全覆盖 |
📌 日常例子:日落时天空那种极其饱和的光谱蓝紫色,或者热带鸟类羽毛的高饱和青绿色,在大多数屏幕上都会变灰、变暗——因为它们落在了 sRGB 三角形之外。
理论上可以:
实际上已有多原色显示器(如 Sharp Quattron 加黄色、一些广色域电视加青色),但:
人眼三种视锥细胞的光谱响应曲线有重叠,且无法被任何三个窄带光源完美模拟。这意味着:
方法: 选定一个颜色,只改变它的明度(加黑或加白)和饱和度。
方法: 选择色环上相邻的颜色(例如:红+橙,蓝+青)。
方法: 选择色环上相对(180°)的颜色。
方法: 大面积的冷色(蓝、青)搭配小面积的暖色(橙、黄)。