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