【摘要】 HSL 是CSS3引進的一種將 RGB 色彩模型中的點在坐標系中的表示法。這兩種表示法試圖做到比基于笛卡爾坐標系的幾何結構 RGB 更加直觀。

前言

HSL 是CSS3引進的一種將 RGB 色彩模型中的點在坐標系中的表示法。這兩種表示法試圖做到比基于笛卡爾坐標系的幾何結構 RGB 更加直觀。

定義與用法

hsl() 函數使用色相、飽和度、亮度來定義顏色。

HSL 即色相、飽和度、亮度（英語：Hue, Saturation, Lightness）。

• 色相（H）是色彩的基本屬性，就是平常所說的顏色名稱，如紅色、黃色等。

• 飽和度（S）是指色彩的純度，越高色彩越純，低則逐漸變灰，取值 0-100% 。

• 亮度（L），取值 0-100%，增加亮度，顏色會向白色變化；減少亮度，顏色會向黑色變化。

》

《》

來源：//bbs.huaweicloud.com/blogs/249321