P302【7.1 色彩模式组的混合原理】
章节：第6章 - 图层混合模式 / 色彩模式组
一、色彩模式组 (HSL / Component)
| 模式 | 英文 | 混合内容 |
|---|---|---|
| 色相 | Hue | 仅色相信息 |
| 饱和度 | Saturation | 仅饱和度信息 |
| 颜色 | Color | 色相 + 饱和度 |
| 明度 | Luminosity | 仅亮度信息 |
二、明度模式 (Luminosity)
混合原理
- 下一层对上一层叠加（类似叠加模式的方向）
- 将下方图层的亮度信息叠加到上一层
- 上层图层的色相和饱和度发生变化
效果
- 保留上层的形，融合下层的明暗
三、颜色模式 (Color)
混合原理
- = 色相 + 饱和度之和
- 将颜色信息叠加到下一层
与明度的对立关系
明度(上层) + 颜色(下层) = 颜色(上层) + 明度(下层)
结果相同，但图层位置互换
四、色相、饱和度、亮度的关系
色相 (Hue / H)
- 颜色的种类（红/绿/蓝等）
- 在拾色器中的竖条
饱和度 (Saturation / S)
- 颜色的浓度/深度
- 0% = 灰色，100% = 纯色
亮度 (Brightness/Luminosity / B/L)
- 颜色的明暗程度
- 0% = 黑色，100% = 最亮
五、使用场景
| 模式 | 场景 |
|---|---|
| 色相 | 更换颜色而不改变明暗 |
| 饱和度 | 统一鲜艳度 |
| 颜色 | 染色/着色 |
| 明度 | 统一亮度/叠加光影 |
关键术语
| 中文 | 英文 |
|---|---|
| 色相 | Hue |
| 饱和度 | Saturation |
| 颜色 | Color |
| 明度 | Luminosity |
| HSL | Hue, Saturation, Luminosity |
核心要点
- 色彩模式组混合的是颜色属性，不改变亮度结构
- 颜色 = 色相 + 饱和度
- 明度与颜色是对立模式
- 色相和饱和度可单独使用
- 这是HSL色彩空间的应用