HSL（色相、饱和度、亮度）是一种在 CSS 中使用三个分量定义颜色的方法：色相（Hue），表示色轮上的颜色类型（0-360 度）；饱和度（Saturation），表示颜色的强度（0-100%）；亮度（Lightness），决定颜色的明暗程度（0-100%）。与 RGB 相比，此模型提供了一种更直观的调整颜色的方式，允许开发者通过修改色相、饱和度或亮度值轻松创建颜色的变化。