个人对色彩模型的理解，不用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、是强度、明亮度，数值在0100之间。 好比一个调色盘，当L=50，只是之前H和S调和的颜色，不添加别的。 若L在50100之间，如同往调色盘里添加白色颜料， 数值越大，白色越多，彩色会变浅、变淡。 当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