HSL和HSLA颜色

HSL 代表色调、饱和度和亮度。

HSLA 颜色值是具有 Alpha 通道的 HSL 的扩展 （透明度）。

HSL

在 HTML 中，可以使用色相、饱和度和亮度 （HSL） 指定颜色，公式为：

hsl(色相、饱和度、亮度)

色相是色轮上的度数，从 0 到 360。0 为红色，120 为绿色，240 为蓝色。

饱和度是一个百分比值。0% 表示灰色阴影，50% 是 50% 灰色，但可以看到其他颜色，100% 表示全色。

亮度也是一个百分比值。0% 为黑色，50%表示50%的光（既不暗也不亮），100% 为白色。

hsl(100,50%,50%)

色调（hue）：

100

饱和度（saturation）：

50%

亮度（lightness）：

50%

HSLA

HSLA 颜色值是 HSL 颜色值的扩展，具有 Alpha 通道，设置颜色的透明度。 可以使用以下公式设置：

hsla(色调,饱和度,亮度,阿尔法)

阿尔法(alpha) 参数是一个数字 介于 0.0（完全透明）和 1.0（完全不透明）之间：

hsla(100,50%,50%,0.8)

色调（hue）：

100

饱和度（saturation）：

50%

亮度（lightness）：

50%

透明度（alpha）：

0.8

CSS 参考

名称	描述