色彩系统总结

一、基本概念

1、几种色彩模式：RGB、HSB(HSV)、HSL

RGB（Red 红色、Green 绿色、Blue 蓝色）

HSB（Hue 色相、Saturation 饱和度、Brightness 明度）

HSB 也称 HSV（Hue 色相、Saturation 饱和度、Value 值）

HSL（Hue、Saturation、Lightness）

2、HSB模式

 H 指色相（Hue），色值处于 0° 到 360° 之间，即为颜色在色环中的位置。

 S 指饱和度（Saturation），值处于 0 到 100 之间，100 为最饱和的颜色，0 为完全没有颜色的灰色。

 B 为亮度（Brightness），值处于 0 到 100 之间，值为 0 时颜色为黑色（无论色相和饱和度为多少），B值为 100呈现为非常亮的有彩色，（B=100&S=0）亮度为100同时饱和度为 0 时，颜色才为白色。

为什么 Brightness 的值会这么表现？

我们可以把其想象为一个密闭房间里的灯泡，值为 0 时即为灯关掉了，此时没有光源，无论色相和饱和度怎么变化，都没有光的反射，所以最终的结果呈现为黑色；

当值变大时即为灯泡发光强度变大，值为 100 时灯泡亮度达到峰值，此时若颜色的饱和度不为零，即为强光照射在有色物体身上，颜色属性并不会消失。

在 HSB 中黑色和白色并不是对立的存在，想一下我们怎么在取色器中获取白色：将选取框向左上角移动，即为减小其饱和度的同时增大亮度。而黑色是怎么获得呢？只需将选取框向下拉到底，即为将亮度降到最低，不用改变色相和饱和度。

 

依据这个原理，我们可以对比一下生产颜色序列的两种方法：

第一种为仅改变亮度（和获取黑色的方法一致），

第二种为同时改变饱和度和亮度（和获取白色的方法一致，提高饱和度的同时降低亮度或降低饱和度的同时提高亮度）。

我们可以看到通过第一种方式产出的颜色序列比较呆板，第二种比较丰富自然。

 最后一点，HSL（Hue、Saturation、Ligh