CSS中的HSLA颜色

HSL色彩，是一种工业界的色彩标准，因为它能涵盖到人类视觉所能感知的所有颜色，所以在工业界广泛应用。

 

H是色度，取值在0度~360度之间，0度是红色，120度是绿色，240度是蓝色。360度也是红色。

S是饱和度，是色彩的纯度，是一个百分比的值，取值在0%~100%，0%饱和度最低，100%饱和度最高

L是亮度，也是一个百分比值，取值在0%~100%，0%最暗，100%最亮。

A是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。

 

background-color: hsla(0,100%,80%,0.5);

兼容性：

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持

IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
6.0-8.0	2.0+	4.0+	3.1+	3.5+	3.2+	2.1+	18.0+
9.0+

转载于:https://www.cnblogs.com/lyls/p/7619712.html