个人对色彩模型的理解,不用RGB,了解直观的HSL和HSV。

关于色彩空间/颜色模型中的HSV和HSL。

本文通过文字描述,让我们见到hsv/hsl数值就能想象所描述的是什么颜色。
常见颜色模型有这些:RGB、 CMY/CMYK、 HSV/HSB、 HSI/HSL、 Lab、 YUV/YCbCr、 LUV、 HCT.
它们都是用具体的数值来定义某种颜色,不同模型适用不同领域。
常见的RGB模型主要用于屏幕显示,对于人类很不直观,难以根据数值想象颜色。
接下来所说的是个人对hsv/hsl的理解,很不严谨,也不讲述原理和概念。
只是为了学会,见到数值就能想象出颜色。
适合心中有彩色概念的人士。如果从来就没见过颜色,没有颜色概念,在下也无能为力。

HSV/HSB.

这两个是一样的,只是名称不同而已。
HSV中的H、是色向,就是选择不同的颜色,数值在0~359之间。
H 跟颜色深浅明暗没关系,也没有黑白灰这三种颜色。
它是一个有着梯度渐变的彩色圆环,原型旋转一圈刚好360度,数值就从这里面获取。
可以想象一个时钟、钟表,
十二点方向, 0°,红色,
四点方向, 120°,绿色,
八点方向, 240°,蓝色。
红绿之间,两点方向, 60°,黄色,
绿蓝之间,六点方向, 180°,青色,
蓝红之间,十点方向, 300°,紫色。
所以这么一圈,顺时针依次间隔60°就是,红、黄、绿,青、蓝、紫。
然后我们还可以继续区分,橙色在红黄之间,一点方向, 30°。
其它颜色以此类推,也就是由两种颜色混合,取中间值。
如果看到过清晰的彩虹图片,那么应该不难理解这种梯度渐变。

HSV中的S、是饱和度,数值在0~100之间。
S 的数值越小,颜色越白、越淡。
如同一个调色盘,当S=100,就是全部放入之前选取的颜色,没有混合别的,
若S=40,就如同只放入了百分之40的彩色,混合了百分之60的白色颜料,
自然使得颜色变淡变浅发白。
如果S=0,就相当于全部放入白色颜料,没放彩色颜料。
学过美术画画的应该都能理解。

HSV中的V、是明亮渡,数值在0~100之间。
V 有两种理解方式,
一是可以认为V是房间里的电灯,数值越大灯越亮。
电灯明亮,颜色变得鲜艳,电灯亮度降低,颜色变得昏暗。
若V=50,白色也会变成灰色,彩色会变深变暗。
如果V=0,相当于关灯,什么也看不到,就是黑色。

二是可以认为V是黑色颜料,数值越小,往调色盘里放入的黑色越多。
V=100,就是不放入黑色,只有之前H和S调和出的颜色。
若V=60,如同只放入了百分之60的彩色,混合了百分之40的黑色,使得颜色变深变暗。
假如是白色混入黑色,自然会变成灰色。
又假如,蓝色混合一半白色,变成浅蓝,再加入一半黑色,就会变成灰蓝色。
如果V=0,相当于全部放入黑色,不放别的。

HSL/HSI。

这两个也可以认为是差不多的,暂时认为一样吧。
HSL中的H、和HSV相同,此处省略,参考上文。
HSL中的S、与hsv不一样。
也叫饱和度,数值在0~100之间。
S数值越大,颜色越纯,S数值越小,颜色会变得灰蒙蒙的。
如同一个调色盘,若S=100,就是全部放入之前选取的颜色,
若S=50,如同放入一半彩色加一半灰色,彩色变得模糊、朦胧,
如果S=0,相当于全部放入灰色颜料,不放彩色颜料。

HSL中的L、是强度、明亮度,数值在0~100之间。
好比一个调色盘,当L=50,只是之前H和S调和的颜色,不添加别的。
若L在50~100之间,如同往调色盘里添加白色颜料,
数值越大,白色越多,彩色会变浅、变淡。
当L=100,就是全部放入白色颜料,不放别的。
若L在50~0之间,如同往调色盘里添加黑色颜料。
数值越小,黑色越多,彩色会变深、变暗。
当L=0,就是全部放入黑色颜料,不放别的。

结语:

以上就是个人根据网上检索的资料所总结出的内容。
熟悉hsv/hsl规则,就能看到数值想象颜色,
同时也能根据规则,手动输入各种颜色代码,调和出我们喜欢的颜色。
还可以利用工具,转换颜色代码,方便我们使用在需要的地方。
让我们来举个例子,你能猜出颜色吗
( HSB = 327, 100, 89 )
我们来解析下第一个数值,由前文得知300°是紫色,360°是红色。
327位于红紫之间,大约就是紫红色。
第二个数值,说明就是单纯的彩色,没有混入白色。
第三个数值,说明比鲜艳稍微暗淡一点,就是比较柔和一些的紫红色。
最后我们看下百科的解释:
洋红色(Magenta)又称为品红色(fuchsine)。
是由较多的红光与较少的蓝光混合而得。品红色与黄色、青色构成了减法三原色。
又叫胭脂红或卡红(Carmine),是从一种热带昆虫胭脂虫雌虫体内提取的天然染料。
洋红是优良的细胞核染料,染色的标本不易褪色,也可染粘液、肝糖原。

相关链接:

颜色代码转换和取色工具:
Colors«Downloads«den4b.com
在线色码转换器|颜色转换
参考资料:
颜色模型_百度百科
色彩空间(抽象数学模型)_百度百科
色彩空间中的"HSL、HSV、HSB"有什么区别?_知乎

作者:冰心 ghito@qq.com

标签: 色彩空间, 颜色模型

添加新评论