2.3 颜色单位

CSS支持多种颜色表示方式,适用于不同场景:

  • 十六进制表示#RRGGBB#RGB(如#ff0000#f00表示红色),支持透明度后缀#RRGGBBAA(如#ff000080表示半透明红色)。
  • RGB/RGBA表示rgb(R, G, B)rgba(R, G, B, A)(如rgb(255, 0, 0)rgba(255, 0, 0, 0.5)),R/G/B取值范围0-255,A为0-1的透明度值。
  • HSL/HSLA表示hsl(H, S, L)hsla(H, S, L, A)(如hsl(0, 100%, 50%)表示红色),H(色相0-360°)、S(饱和度0%-100%)、L(亮度0%-100%)。

使用建议:十六进制格式简洁且兼容性好,适合静态颜色;RGBA/HSL支持透明度调节,适合动态效果;HSL更符合人类对颜色的感知逻辑,便于调整饱和度和亮度。