CSS颜色表示方式包括十六进制、RGB、RGBA和HSL：十六进制以#开头，如#ff0000表示红色；RGB用rgb(255,0,0)形式表示三原色强度；RGBA扩展支持透明度，如rgba(0,0,0,0.5)；HSL以hsl(120,100%,50%)更直观表达色相、饱和度和亮度。
CSS 中颜色有多种表示方式，常用的包括十六进制（hex）、RGB、RGBA 和 HSL。每种方式都有其特点和适用场景，下面逐一解析。
十六进制颜色（Hex）
十六进制颜色是最常见的表示方式，以 # 开头，后跟6位或3位十六进制数，表示红、绿、蓝三个通道的值。
例如：- #ff0000：纯红色（#rrggbb）
- #f00：简写形式，等同于 #ff0000
- #a1b2c3：一种浅蓝色调
每位数字范围是 0–F（即十进制 0–15），每对代表一个颜色通道（红、绿、蓝），数值越大表示该颜色越强。
RGB 颜色表示法
RGB 表示法使用 red、green、blue 三个颜色通道，每个通道取值范围为 0 到 255。
立即学习“前端免费学习笔记（深入）”；
语法：rgb(255, 0, 0)
- rgb(255, 0, 0)：红色
- rgb(0, 255, 0)：绿色
- rgb(128, 128, 128)：中灰色
这种方式直观，适合在已知具体数值时使用。
RGBA 颜色表示法
RGBA 是 RGB 的扩展，增加了第四个参数：**alpha 透明度**，取值范围为 0（完全透明）到 1（完全不透明）。
语法：rgba(255, 0, 0, 0.5)
- rgba(0, 0, 0, 0.7)：黑色半透明
- rgba(255, 255, 255, 0.1)：白色轻微遮罩
常用于背景叠加、按钮悬停效果等需要透明度的场景。
HSL 颜色表示法
HSL 分别代表 Hue（色相）、Saturation（饱和度）、Lightness（亮度），更符合人类对颜色的感知。
语法：hsl(120, 100%, 50%)
- Hue（色相）：0–360 度，表示颜色类型（如 0=红，120=绿，240=蓝）
- Saturation（饱和度）：0% 为灰度色，100% 为完全饱和
- Lightness（亮度）：0% 为黑，100% 为白，50% 为标准亮度
hsl(0, 100%, 50%) 是红色，hsl(180, 100%, 75%) 是浅青色。
基本上就这些。选择哪种方式取决于需求：hex 简洁，rgb 易理解，rgba 支持透明，hsl 更易调整色调。实际开发中可以根据团队习惯和功能要求灵活使用。不复杂但容易忽略细节，比如 alpha 值的精度控制或 HSL 色相的循环特性。
