CSS 颜色 hsl 和 shla

用的比较少,当科普一下好了。

使用方法:

shl(h, s, l);

shla(h, s, l, a);


参数:

H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 – 360

S:Saturation(饱和度)。取值为:0.0% – 100.0%

L:Lightness(亮度)。取值为:0.0% – 100.0%

A:Alpha透明度。取值0~1之间。

HSLA 色彩模式与 HSL 相同,只是在 HSL 模式上新增了 Alpha 透明度。


使用示例:

div{
background-color: hsla(360, 50%, 50%, .5);
}

相关文章