首先我们要知道：
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中只要明度最高就是纯白就会出现。
简单了解二者的原理和表现之后，你觉得那个更符合你的视觉效果就用那个，还是那句话，工具还是工具，关键调色还得看自己感觉。
,
