固安建设局网站,it外包费用,静态学校网站做毕业设计,朝阳区互联网大厂首先#xff0c; HSB 和 HSV 是同一个东西#xff0c;只是名称不同#xff0c;本文后面仅使用 HSB#xff0c;当提到它的时候#xff0c;也代表 HSV。HSB 和 HSL 在字面意思上是一样的#xff1a;H 指的是色相(Hue)#xff0c;就是颜色名称#xff0c;例如“红色”、“…首先 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 轴表示明度越往上明度越高。先看 Photoshop 的 HSB 颜色模型拾色器如下图所示HSB 的 B(明度)控制纯色中混入黑色的量越往上值越大黑色越少颜色明度越高。如下图所示HSB 的 S(饱和度)控制纯色中混入白色的量越往右值越大白色越少颜色纯度越高。接下来看 Affinity Designer 的 HSL 颜色模型拾色器。如下图所示Y 轴明度轴从下至上混入的黑色逐渐减少直到 50% 位置处完全没有黑色也没有白色纯度达到最高。继续往上走纯色混入的白色逐渐增加到达最高点变为纯白色明度最高。HSB 和 HSL 的区别解释完毕。提问中提到二者有什么优劣因为 RGB 色彩模型是通过不同量的红绿蓝来描述一个颜色的对人类来说很不直观难以理解。人类更习惯这样去描述一个颜色它是什么颜色是鲜艳还是灰暗HSB 和 HSL 都是基于此被创造出来的。在弄清楚二者的原理和表现之后你觉得哪个更符合你的直觉对你来说它就更优秀。就日常使用来说即便你不知道他们的原理也不会影响你做出优秀的作品。但是知其然就不会惧怕某天有小白指着 Photoshop 拾色器的右上角问你这里明度最高为什么不是白色的呢
