实例274 HSL调色法的应用
问题介绍：HSL色彩模式是工业界的一种颜色标准，HSL即代表色调、饱和度和明度三个通道的颜色，是目前运用最广的颜色系统之一。
1 色调（Hue）是色彩的基本属性，就是人们平常所说的颜色名称，如紫色、青色、品红等等。我们可以在一个圆环上表示出所有的色相。饱和度（Saturation）是指色彩的纯度，饱和度越高色彩越纯越浓，饱和度越低则色彩将变灰变淡。亮度（Lightness）指的是色彩的明暗程度，亮度值越高，色彩越白；亮度越低，色彩越黑，如图12-80所示。
图12-80 查看颜色
2 色彩的三大关系为：平行、垂直、斜交。平行色彩主要用于不同元素的并列关系（如图12-81所示）或同一元素的渐变（如图12-82所示）。值得注意的是，在表达并列关系的元素时，要慎用灰色，且不宜过多，否则容易产生强调关系或者造成整体不协调。
图12-81 不同元素的并列
图12-82 同一元素的渐变
3 垂直色彩表示同一/不同元素基于某种色调的层次变化关系。具体表现为：强调元素用深色，非强调元素用浅色或灰色（如图12-83所示），将最明显的色彩置于中央，淡化色彩层次（如图12-84所示）。
图12-83 强调元素
图12-84 淡化色彩层次
4 斜交色彩是平行色彩与垂直色彩的结合，可实现更丰富的配色。具体斜交方式为：先平行调节色调，后垂直调节饱和度（或者先平行调节饱和度，后垂直调节色调）；先平行调节色调，后垂直调节亮度（或者先平行调亮度，后垂直调节色调）；还可以先平行调节色调（如图12-85所示），然后垂直调节亮度（如图12-86所示），再垂直调节饱和度（如图12-87所示）等。
图12-85 调节色调
图12-86 调节亮度
图12-87 调节饱和度
技巧拓展
如果想得到一个色调由浅到深的颜色，可以调节亮度。当H、S不变，L=0时，颜色为黑色；当L=255时，颜色为白色。如果想要得到一个色调艳丽或者偏灰的颜色，可以调节饱和度。当H、S不变，S=0时，颜色为灰色，如图12-88所示；当S=255时，颜色最艳丽，如图12-89所示。
图12-88 将饱和度值设为0
图12-89 将饱和度值设为255