hsl()

hsl() 函数用于根据颜色的色相、饱和度和明度来定义 sRGB 颜色。可选的 alpha 参数表示颜色的透明度。

hsl() 颜色模型是一种直观的颜色表示方法，它将颜色分解为三个基本属性：

• 色相 (Hue)：颜色的基本属性，通常用0-360度的角度值表示，0度表示红色，120度表示绿色，240度表示蓝色。
• 饱和度 (Saturation)：颜色的纯度，以百分比表示，0%表示灰色，100%表示完全饱和的颜色。
• 明度 (Lightness)：颜色的明暗程度，以百分比表示，0%为黑色，50%为正常，100%为白色。

使用 hsl() 函数可以更直观地创建和调整颜色，特别是在需要保持相同色相但调整饱和度和明度的情况下。例如，hsl(0, 100%, 50%) 表示纯红色，而 hsl(0, 100%, 25%) 则表示暗红色。

alpha 参数是可选的，用于表示颜色的透明度，取值范围从0（完全透明）到1（完全不透明）。例如，hsla(0, 100%, 50%, 0.5) 表示半透明的红色。

hsl() 函数在现代网页设计中得到了广泛应用，特别是在需要创建和谐色彩方案时，因为它允许设计师更容易地调整颜色的亮度和饱和度，同时保持色相一致。