HSL 和 HSV 是什么:调色时用哪个
想「把刚才那颗颜色调亮一点、灰一点」时,HEX 帮不上忙——你得换一套以人类直觉为坐标的读法:HSL 或 HSV。两者都在读数区实时给出。
三个分量的含义
HSL(色相 Hue、饱和度 Saturation、亮度 Lightness):
- H(0~360°):色相环上的位置。29° 在橙区,90° 绿,210° 蓝,330° 品红。
- S(0~100%):饱和度,越高越艳,越低越接近灰。
- L(0~100%):亮度,0 是黑,100 是白,50% 上下是「正常」颜色。
HSV(色相、饱和度、明度 Value):H 和 S 与 HSL 同义,第三个分量改成「明度」——0 是黑,数值越大越亮。同一颗颜色在两套模型下的数值差得很远,比如 #AD6E33 是 HSL(29°, 54%, 44%) 但 HSV(29°, 71%, 68%)。
调色实操:一次只动一个分量
以「取到一颗橙色,想微调成包装色」为例:
- 想更艳 → 只动 S,往上加。
- 想更亮 → HSL 动 L;HSV 动 V。
- 想换个邻近色相(橙偏红一点)→ 只动 H,±10° 以内地味变化最可控。
- 想要同色系一套搭配 → H 不动,S/L 拉开梯度,这正是应用里相近色与搭配的生成逻辑之一。
用哪个
| 需求 | 用 |
|---|---|
| 「更亮/更暗」的直觉调整 | HSL(L 与亮度直觉一致) |
| 与图像软件的调色板对接 | 看对方默认哪套就贴哪套 |
| 视频与摄影圈习惯 | HSV/HSB 居多 |
两个提醒
- 对数值前先确认对方用哪套:报「29°, 54%, 44%」之前说清是 HSL 还是 HSV,否则对方调出来的会和你想的差一截。
- HSL/HSV 描述的是屏幕颜色的操作坐标,不是物理属性;要「客观描述颜色本身」,用 CIE LAB。