色彩空间中的HSL、HSV、HSB有什么区别?


首先 。HSB 和 HSV 是同一个东西 。只是名称不同 。本文后面仅使用 HSB 。当提到它的时候 。也代表 HSV 。
HSB 和 HSL 在字面意思上是一样的:
H 指的是色相(Hue) 。就是颜色名称 。例如“红色”、“蓝色”;
S 指的是饱和度(Saturation) 。即颜色的纯度;
L(Lightness) 和 B(Brightness)是明度 。颜色的明亮程度
在原理和表现上 。HSL 和 HSB 中的 H(色相) 完全一致 。但二者的 S(饱和度)不一样 。L 和 B (明度 )也不一样:
HSB 中的 S 控制纯色中混入白色的量 。值越大 。白色越少 。颜色越纯;
HSB 中的 B 控制纯色中混入黑色的量 。值越大 。黑色越少 。明度越高
HSL 中的 S 和黑白没有关系 。饱和度不控制颜色中混入黑白的多寡;
HSL 中的 L 控制纯色中的混入的黑白两种颜色 。
原理说完 。结合实际应用场景看看 。下面是 Photoshop 和 Affinity Designer 的拾色器
两者分别使用了 HSB 和 HSL 颜色模型 。两个拾色器都是 X 轴表示饱和度 。越往右 。饱和度越高;Y 轴表示明度 。越往上明度越高 。
【色彩空间中的HSL、HSV、HSB有什么区别?】先看 Photoshop 的 HSB 颜色模型拾色器 。如下图所示 。HSB 的 B(明度)控制纯色中混入黑色的量 。越往上 。值越大 。黑色越少 。颜色明度越高 。

    推荐阅读