CSS | hsla()函数

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()函数：

程序：

    
        
        
    
    
        
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 及以上