与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是完全不透明的 |