正文

请到「今天看啥」查看全文

色相：是当人眼看一种或多种波长的光时所产生的色彩感觉，它反映颜色的种类，是决定颜色的基本特征。

饱和度：是指颜色的纯度，即该掺入白光的程度，表示颜色深浅的程度。例如：蓝色 + 白色 = 天蓝色，也就是饱和度下降

二、色彩空间的类型

1.RGB  色彩空间

RGB是显示器当中的颜色基础。

比如在现实世界当中，我们将手机屏幕进行放大，你会发现屏幕都是由红绿蓝三个灯管所组成的。

而 RGB 的色彩模式就是模拟现实世界当中的屏幕显示原理，将灯光照射的逻辑在设计软件当中进行复现，因此在 RGB 的调色盘中，就会分别包含三个输入框，这便是 红绿蓝。

其中，数字 0 代表不发光、255 则是最亮的灯光。

那为什么最亮是 255，不是 250？或者是 280 呢？

原因在于RGB 所有的颜色，最后都需要通过计算机进行运算显示，对于它说并不认识 红色、蓝色，在它的脑袋里（不对，CPU 里面）就只有 0 与 1，因此在计算机存储的时候，一个字节也就是 8 个比特、也就是 2 的八次方、也就是 256，这样 一个色彩信息等于一个字节，数据存储就会更加高效。

所以我们所聊的颜色更多指的是代码层面的颜色设定。

接着我们打开 Figma，看到另一种格式 Hex，那我们称之为是 RGB 模式的精简版。

因为它嫌弃每个输入框都会出现 255（255,255,255 白色）实在太长，不利于我们在日常工作当中进行记录。

因此将每个颜色，三位数值缩减为两位数值（十进制变为十六进制），就是增加英文字符的数据，就能较短的表达颜色，使得颜色表达更为高效。

因为 Hex 只是 RGB 的精简版本，所以 Hex 里面，每两个字符所对应的就是 红、绿、蓝。

比如我们刚才提到的这个蓝色，在 RGB 空间当中为(0,86,255) ，Hex 则是#0056FF，也是一一对应关系。

RGB 听上去似乎很美好，但问题在于两点：

1.颜色的调整不够直观： 作为设计师，我们很难模拟灯光的照射思维对颜色进行调整，具体应该增加多少颜色，其实是不够清楚的。我们更熟悉的其实是：亮度、色相、饱和度，因此在调色时会十分困难。

比如我目前是红色，那我要调整到紫色，应该输入多少值呢？其实我们很难进行一个准确的判断。

2.颜色信息与亮度信息的数据混合： 导致我们很难对于有一个准确的判断，比如在 RGB 相同的数值当中，明显会感受到 黄绿色 与其他颜色的亮度存在较大差异，这样在调色时，颜色一致性偏差较大。

为了解决这些问题，就提出一种新的色彩模型：HSB

请到「今天看啥」查看全文