CSS hsl()表示法

示例

HSL代表色调（“哪种颜色”），饱和度（“多少颜色”）和亮度（“多少白色”）。

色相表示为从0°到360°的角度（无单位），而饱和度和亮度表示为百分比。

p {
    color: hsl(240, 100%, 50%); /* Blue */
}

语法

color: hsl(<hue>, <saturation>%, <lightness>%);

笔记

• 饱和度为0％时，始终会产生灰度颜色。更改色调无效。

• 亮度0％总是产生黑色，而100％总是产生白色。更改色调或饱和度无效。