Skip to content

hsl() ​

描述 ​

CSS 函数 hsl()用于设置 CSS 中的颜色值。hsl() 函数采用三个值,它们是:色调、饱和度和亮度。

语法 ​

css
hsl() = hsl( <色调>, <饱和度>, <亮度> )

值 ​

  • 色调 代表色环的角度。您可以将该值指定为以度为单位的角度(例如 180deg)或简单地指定为数字(例如 180)。例如,蓝色为 240 度,因此可以写为 240deg 或 240。根据定义,红色=0°=360°,其他颜色分布在圆圈周围,因此绿色=120°,蓝色=240° , ETC。
  • 饱和 饱和度以百分比表示。它表示颜色的饱和度。例如,100% 是完全饱和的(色彩更鲜艳、更强烈),而 0 是完全不饱和的灰色。
  • 亮度 亮度也以百分比表示。它代表颜色中的光量。对于亮度,50% 是“正常”设置,100% 是白色,0% 是黑色。

效果展示 ​