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 表示完全不透明 |