CSS | hsl()函数

hsl()函数是 CSS 中的一个内置函数，用于使用 Hue-saturation-lightness 模型 (HSL) 定义颜色。
句法：

hsl( hue, saturation, lightness )

参数：该函数接受上面提到和下面描述的三个参数：

• 色调：此参数用于定义色轮上的度数。它的值介于 0 到 360 之间，其中 0 或 360 代表红色，120 代表绿色，240 代表蓝色。
• 饱和度：此参数用于定义饱和度，其中 0% 代表灰色阴影，100% 代表全色。
• 亮度：此参数用于定义亮度，其中 0% 代表黑色，50% 代表正常，100% 代表白色。

下面的程序说明了 CSS 中的 hsl()函数：
程序：

html

    
        
        
    
    
        
GeeksforGeeks
        
The hsl() Function
        
Green
 
        
Light green
 
        
Dark green
 
    

输出：

支持的浏览器： hsl()函数支持的浏览器如下：

• Chrome 1.0 及以上
• Internet Explorer 9.0 及以上
• 火狐 1.0 及以上
• Safari 3.1 及以上
• Opera 9.5 及以上