CSS hsla()表示法

示例

与hsl()符号类似,但是增加了alpha(不透明度)值。

hsla(240, 100%, 50%, 0)     /* transparent */
hsla(240, 100%, 50%, 0.5)   /* half-translucent blue */
hsla(240, 100%, 50%, 1)     /* fully opaque blue */

语法

hsla(<hue>, <saturation>%, <lightness>%, <alpha>);

描述
<hue>以色轮为单位指定度数(无单位),其中0°是红色,60°是黄色,120°是绿色,180°是青色,240°是蓝色,300°是品红色并且360°是红色
<saturation>百分比,其中0%完全饱和(灰度),而100%完全饱和(鲜艳)
<lightness>百分比,其中0%为全黑,100%为全白
<alpha>0到1之间的数字,其中0是完全透明的,1是完全不透明的