在 web 开发中，颜色是一个非常重要的属性，可以用来设置文本的颜色、背景颜色、边框颜色等。在 CSS 中，颜色可以用多种方式表示，包括关键字、十六进制、RGB、RGBA、HSL、HSLA 等。
关键字颜色值
CSS 提供了一些预定义的颜色关键字，比如 red、blue、green、black、white 等。这些关键字可以直接使用，非常方便。例如：
- - ------ ---- ----------------- ---------- -
十六进制颜色值
另一种常见的表示颜色的方式是使用十六进制值。每种颜色由红色、绿色和蓝色的混合比例来表示。例如，#FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝色。可以使用在线工具或者 Photoshop 等软件来获取颜色的十六进制值。例如：
- - ------ -------- ----------------- -------- -
RGB 和 RGBA 颜色值
RGB 是一种用红色、绿色和蓝色的值来表示颜色的方式，每个颜色值的范围是 0-255。例如，rgb(255, 0, 0) 表示红色，rgb(0, 255, 0) 表示绿色。RGBA 是 RGB 的扩展，多了一个表示透明度的值，范围是 0-1。例如，rgba(255, 0, 0, 0.5) 表示半透明的红色。示例代码如下：
- - ------ -------- -- --- ----------------- ------- ---- -- ----- -
HSL 和 HSLA 颜色值
HSL 是一种用色相、饱和度和亮度来表示颜色的方式。色相的取值范围是 0-360，饱和度和亮度的取值范围是 0%-100%。HSLA 是 HSL 的扩展，多了一个表示透明度的值，范围是 0-1。例如，hsl(0, 100%, 50%) 表示红色，hsla(120, 100%, 50%, 0.5) 表示半透明的绿色。示例代码如下：
- - ------ ------ ----- ----- ----------------- --------- ----- ---- ----- -
以上就是 CSS 属性 color 的详细介绍，掌握了这些表示颜色的方式，你就可以轻松地设置网页中的各种颜色了。