CSS 中颜色有多种表示方式，每种都有其适用场景和特点。以下是常见的几种颜色表示方法：
1. 颜色关键字（Color Keywords）
使用预定义的颜色名称来表示颜色，简单直观。
例如：
red、blue、green、black、white、orange 等。
CSS 支持 140 多个标准颜色名，如 lightblue、darkslategray 。
2. 十六进制值（Hexadecimal）
以 # 开头的 6 位或 3 位十六进制数字表示红、绿、蓝三原色的强度。
格式：
6 位：#RRGGBB，如 #ff0000 表示红色。
3 位简写：#RGB，如 #f00 等同于 #ff0000。
支持透明度扩展（CSS3）：#RRGGBBAA，如 #ff000080 表示半透明红色。
3. RGB 函数（rgb()）
通过指定红、绿、蓝三个通道的数值（0–255）或百分比来定义颜色。
例如：
rgb(255, 0, 0) 表示红色。
rgb(100%, 50%, 0%) 表示橙色。
支持 alpha 通道的 rgba()：如 rgba(255, 0, 0, 0.5) 表示半透明红色。
4. HSL 表示法（hsl()）
基于色调（Hue）、饱和度（Saturation）、亮度（Lightness）的颜色模型，更符合人类对颜色的感知。
参数说明：
色调（0–360）：如 0 是红色，120 是绿色，240 是蓝色。
饱和度（0%–100%）：0% 是灰度，100% 是纯色。
亮度（0%–100%）：0% 是黑色，100% 是白色。
例如： hsl(120, 100%, 50%) 表示绿色。
带透明度的 hsla()：如 hsla(120, 100%, 50%, 0.3) 。
5. 十六进制与函数中的透明度支持
CSS3 引入了对透明度的更好支持。
除了 rgba 和 hsla，现代浏览器也支持：
8 位十六进制：#RRGGBBAA，如 #80ff0000 表示半透明红色。
使用 hsl() 和 rgb() 的新语法直接加 alpha 参数（无需 a 后缀），如 rgb(255 0 0 / 50%) 。
基本上就这些。选择哪种方式取决于可读性、设计需求和是否需要控制透明度。
标签： css
还木有评论哦，快来抢沙发吧~