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