摘要：之前详细介绍了PPT自定义颜色取色面板中的RGB模式，因为它无法在取色面板中有规律性地实时显示出来，因此设计师用的更多的是另一种模式：HSL。今天就来详细说说这个模式。

HSL模式

之前详细介绍了PPT自定义颜色取色面板中的RGB模式，因为它无法在取色面板中有规律性地实时显示出来，因此设计师用的更多的是另一种模式：HSL。今天就来详细说说这个模式。

与之前一样，选中某个形状后右击，在弹出的设置格式选项中，找到并点击[填充]，选择[其他填充颜色]，即可打开PPT的自定义颜色取色面板。之后，我们将其中的默认颜色模式从RGB改为HSL，如下：

我们可以看到，之前RGB[颜色模式]下方的红色(R)、绿色(G)和蓝色(B)已经变成了色调(U)、饱和度(S)和亮度(L)，如下图：

HSL模式是色调、饱和度、亮度分别对应的英文单词Hue、Saturation、Lightness的首字母。但这里为什么色调用的是(U)呢？原因是在这个取色界面中，下方还有个十六进制(色码)，其对应的英文单词是Hex。而包括PPT在内的微软office软件里规定，凡是字母带下划线的，都是快捷键，用Alt+该字母就可以快速跳转到该选项进行设置。如下图，在切换完颜色模式后，分别按了键盘Alt+H和Alt+U，很快就跳转到了对应的十六进制设置和色调设置。

在同一个界面或对话框中，快捷键的字母必须是唯一，不能有重复，否则会产生冲突，软件会无法判断到底要选中哪个进行设置。由于色调的英文Hue和十六进制的英文Hex都是H开头，而微软office PPT软件在这个取色界面中将H作为了十六进制的快捷键，因此色调只能用另一个字母了，至于为什么用的字母U(而不是其它)，我也不甚了解。但我们只要记住HSL模式是从色调、饱和度和亮度三个角度来调色就可以了。而且实际中使用快捷键的不多，你就默认色调是H就可以。

现在问题来了：什么是色调、饱和度和亮度？

色调

色调(H)，也称为色相，是色彩的基本属性，是指能够比较确切地表示某种颜色色别的名称，就是平常所说的颜色名称，如红色、黄色等。色调是色彩的总体倾向，是大的色彩效果。

色调是色彩的最大特征，是区别各种不同色彩的最准确的标准。任何黑白灰以外的颜色都有色调。

色彩学上的色调，其单位通常用度(°)表示，取值范围为0°到360°，形成闭环，即色调环(或色相环)。不过PPT的自定义颜色取色面板，也不知道是不是微软为了节省面板大小还是为了软件编写省事，愣是将RGB模式和HSL模式放在同一个位置，两个模式下的各个选项取值范围都是从0到255。

在PPT取色面板中，我们可以看到在HSL模式下，当饱和度(S)和亮度(L)保持不变时，将色调(H)值变大，颜色会呈现红橙黄绿青蓝紫的过渡变化，首尾两端(即数值为0和数值为255)都是红色，形成理论意义上的闭环。

这种变化在这里呈现的是从左到右的一条水平直线，也就是色调的改变是一路横行的变化，如下图黑色箭头所示。

用填充矩形来表示色调的变化，如下。每一个矩形内都由三个数值组成，这三个数值分别是色调(值)、饱和度(S)值和亮度(L)值，矩形的填充色就是这三个数值得到的颜色。可以看到当饱和度(S)和亮度(L)保持不变时，色调(H)的变化带来的是红橙黄绿青蓝紫的变化，首尾两端都是红色，形成闭环。我们无需去刻意记住这些颜色对应的HSL值，只需要知道在PPT自定义颜色面板中，色调的变化呈现是水平方向的。

饱和度

饱和度(S)，是指色彩的纯度(或鲜艳程度)，饱和度越高色彩越纯(或越鲜艳)，越低则逐渐变灰(或越黯淡)。在色彩学上，饱和度通常是按百分比取0%~100%的数值，不过在PPT软件里，它仍然是用0~255的数值来表示。

在HSL模式下，当色调(H)和亮度(L)保持不变时，将饱和度(S)值变大，颜色会呈现由黯淡灰向最鲜艳的过渡变化，如下图。

这种变化在这里呈现的是从下到上的一条竖直直线，也就是饱和度的改变是一路纵行的变化，如下图白色箭头所示。

用填充矩形来表示饱和度的变化，如下，首尾数值是色调和亮度，都保持不变，中间值是饱和度，从小到大。可以看到它是从最黯淡的灰色向最鲜艳的变化过程。我们无需去记住这些颜色对应的HSL值，只需要知道在PPT自定义颜色面板中，饱和度的变化呈现是竖直方向的。

饱和度概括起来，就是原色饱和度最高，随着饱和度降低，色彩变得暗淡直至成为无彩色，即失去色调的色彩。

亮度

亮度(L)，也称明度，表示色彩的明暗程度。亮度最低时，呈现黑色；亮度最高时，呈现白色。

与饱和度一样，在色彩学上，亮度通常也是按百分比取0%~100%的数值，不过在PPT软件里，它仍然是用0~255的数值来表示。

在PPT自定义颜色取色面板中，亮度的变化是在色调(横向变化)与饱和度(纵向变化)之外，单独的一个垂直轴或列。

在HSL模式下，当色调(H)和饱和度(S)保持不变时，将亮度(L)值变大，颜色会呈现由黑向白的过渡变化，过程的中间才呈现色调本身的颜色，如下图。

调亮度时，只有亮度值在中间值(255/2≈)128或中间值附近时，才会呈现当前色调本身的颜色，其它情况下(相对色调本身的颜色而言)都显得过亮或过暗。如下图，当亮度值为255时，尽管色调是蓝色，但仍然显示为白色(图中右下角橙色框为实时显示结果)。

放到矩形上来展示，可以看到亮度变化的效果如下，首尾显得黑或白，到中间，即亮度(L)为128左右时才是真实色彩即蓝色。

既鲜艳又亮丽的颜色有什么特征

在PPT软件里，亮度为(127或)128、饱和度为255时才是某个色调的真实色彩，在这样的情况下，我们看到的任何一种颜色都显得既鲜艳又亮丽。

如下图片，亮度为128，饱和度为253(已经非常接近255。因为我用的是业内批量快速操作的功能，存在bug，无法批量设置为255，你就默认是255即可)，尽管色调以差值4递进变化得到不同的颜色，但它们都有一个共同特点，那就是既鲜艳又亮丽，其中黑色线框标注的三种颜色特别明显。

写到这里，我们再来回看下前一篇文章里讨论过的关于黄色、青色和亮紫色的一个特点。前一篇文章说过，这三种颜色看起来既鲜艳又亮丽，之前也用RGB模式的立方体做了详细解释。

这里，我们不妨换个角度，从HSL模式来看，在PPT软件自定义颜色取色面板中将颜色模式从RGB改为HSL后，可以看到它们的HSL值如下，

你会发现，它们的饱和度都达到最大(255)，同时亮度又在0~255的中间即128，这正好符合了上面所说的“亮度为(127或)128、饱和度为255时才是某个色调的真实色彩，在这样的情况下，我们看到的任何一种颜色都显得既鲜艳又亮丽”的结论。更进一步，青色、亮紫色和黄色，在RGB模式下是红色、绿色、蓝色三原色中两种原色混合叠加得到的，而它们在HSL模式下处于色调中红色、绿色、蓝色之间的过渡色，因此显得特别鲜艳和亮丽。

写到这里，色彩的三个属性——色调、饱和度、亮度已经全部介绍完了。我们可以用一张组合图来看下三者的变化分别呈现的效果，对比如下。