2024年4月22日发(作者：)

css颜色值表达方式

CSS中，有多种方式可以表示颜色值。以下是常见的几种表达方

式：

1. 十六进制值：使用 # 符号开始，后面跟着六个十六进制数。

前两个数表示红色值，中间两个数表示绿色值，最后两个数表示蓝色

值。例如，#FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝

色。

2. RGB值：使用 rgb() 函数表示颜色，括号中分别表示红、绿、

蓝三个颜色的值，取值范围为 0~255。例如，rgb(255, 0, 0) 表示

红色。

3. RGBA值：与 RGB 值相似，只是在括号后面添加了一个透明

度值，取值范围为 0~1，表示不透明至完全透明。例如，rgba(255, 0,

0, 0.5) 表示半透明的红色。

4. HSL值：使用 hsl() 函数表示颜色，括号中分别表示色相、

饱和度和亮度三个值。色相取值范围为 0~360，表示颜色在色轮上的

位置；饱和度和亮度取值范围为 0~100，表示颜色的深浅和亮度。例

如，hsl(0, 100%, 50%) 表示红色。

5. HSLA值：与 HSL 值相似，只是在括号后面添加了一个透明

度值，取值范围为 0~1。例如，hsla(0, 100%, 50%, 0.5) 表示半透

明的红色。

以上是 CSS 中常用的颜色值表达方式，需要掌握其使用方法，

以便在开发中能够灵活运用。

- 1 -

- 2 -