hsv与hsb的区别（带你了解颜色空间中HSB）

首先我们要知道：

HSL 模式和 HSV(HSB) 都是基于 RGB 的，是作为一个更方便友好的方法创建出来的。

• HSL 为 色相，饱和度，亮度。
• HSV 为色相，饱和度，明度。
• HSB 为 色相，饱和度，明度。

光学三原色

HSB 和 HSV 是是一样的，只是叫法不同，RGB 是十分了解的红绿蓝三原色，是对机器很友好的色彩模式，但并不够人性化，因为我们对色彩的认识往往是”什么颜色？鲜艳不鲜艳？亮还是暗？”。

因此HSB和HSL创建出来就是给以更人性化的视觉感受，可以很明显的看到两种的主要区别就是第三个B和L的区别分别代表明度和亮度：

明度(brightness)是眼睛对光源和物体表面的明暗程度的感觉，主要是由光线强弱决定的一种视觉经验。明度不仅取决于物体照明程度，而且取决于物体表面的反射系数。

而 Lightness（亮度）是作为白色量的增减。

原理说完，结合实际应用场景看看。下面是 Photoshop 和 Affinity Designer 的拾色器。

先看 Photoshop 的 HSB 颜色模型拾色器，如下图所示，HSB 的 B（明度）控制纯色中混入黑色的量，越往上，值越大，黑色越少，颜色明度越高。

横轴饱和度纵轴明度

HSB 的 S（饱和度）控制纯色中混入白色的量，越往右，值越大，白色越少，颜色纯度越高。

接下来看 Affinity Designer 的 HSL 颜色模型拾色器。如下图所示，Y 轴明度轴，从下至上，混入的黑色逐渐减少，直到 50% 位置处完全没有黑色，也没有白色，纯度达到最高。继续往上走，纯色混入的白色逐渐增加，到达最高点变为纯白色，明度最高。

简单来说就是：

在ps中明度即使是最高但图片不会是白色，纯白还得是饱和度最低，明度最高时才能出现。

Affinity Designer中只要明度最高就是纯白就会出现。

简单了解二者的原理和表现之后，你觉得那个更符合你的视觉效果就用那个，还是那句话，工具还是工具，关键调色还得看自己感觉。