HSL转换为HEX

比较HSL和HEX

CSS 3引入了另一种使用HSL定义颜色的方法（英语，Hue，Saturation，Lightness）。是一个模型，其中颜色由三个参数确定：色相，饱和度和亮度。让我们分别看一下每个参数。 HSL的主要优点是能够彼此独立地指定颜色特征。这为您带来了巨大的机会。您可以轻松地使颜色更亮，更暗，更饱和或不饱和。并同时保持其阴影。反之亦然-更改色调而不更改其饱和度或亮度。通常，预处理器用于使用这些功能，但没有它们也是可能的。 hsl（）函数用于指定HSL颜色。该函数采用三个值，以逗号分隔：色相，饱和度和亮度。通过更改饱和度和亮度的值，可以获得特定颜色的相邻色相。

在大多数情况下，可以通过十六进制代码识别颜色，仅考虑成对的前几位。在下面的示例中，很明显，颜色混合了很多红色，一点蓝色和完全没有绿色。通过十六进制代码了解颜色可以使Web设计人员更快地浏览页面代码，此外，您始终可以通过说Ah，给勃艮第增添色彩，给同事或客户留下深刻的印象。您还可以通过仅编辑其十六进制代码来轻松更改颜色的亮度，色相或饱和度。在下面的第一个示例中，一对中的一个以10％的步长变化，而颜色亮度增加。在第二个示例中，亮度增加，但饱和度下降。也可以使用十六进制（HEX）颜色值以以下形式指定RGB值：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）是从00到FF的十六进制值（与十进制0- 255）。顾名思义，与十进制相反，十六进制基于数字16。