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