hsla()函数是 CSS 中的一个内置函数,用于使用 Hue Saturation Lightness Alpha (HSLA) 模型定义颜色。
句法:
hsla( hue, saturation, lightness, alpha )
参数:该函数接受上面提到和下面描述的四个参数:
- 色调:此参数用于定义色轮上的度数。它的值介于 0 到 360 之间,其中 0 或 360 代表红色,120 代表绿色,240 代表蓝色。
- 饱和度:此参数用于定义饱和度,其中 0% 代表灰色阴影,100% 代表全色。
- 亮度:此参数用于定义亮度,其中 0% 代表黑色,50% 代表正常,100% 代表白色。
- alpha:此参数用于定义不透明度,其值介于 0.0(完全透明)和 1.0(完全不透明)之间。
下面的程序说明了 CSS 中的 hsla()函数:
程序:
hsla function
GeeksforGeeks
The hsla() Function
Green
Light green
Dark green
输出:
支持的浏览器: hsla()函数支持的浏览器如下:
- Chrome 1.0 及以上
- Internet Explorer 9.0 及以上
- 火狐 3.0 及以上
- Safari 3.1 及以上
- Opera 10.0 及以上