CSS 颜色

在网页开发中，颜色是非常重要的一部分，可以通过 CSS 来控制元素的颜色。在 CSS 中，颜色可以用各种不同的方式来表示，包括关键字、十六进制、RGB、RGBA、HSL 和 HSLA。

关键字颜色

CSS 提供了一些预定义的颜色关键字，比如 red、blue、green、yellow 等等，可以直接使用这些关键字来设置元素的颜色：

h1 {
  color: red;
}

p {
  color: blue;
}

十六进制颜色

除了关键字颜色以外，还可以使用十六进制颜色来表示颜色。十六进制颜色由 # 开头，后面跟着 6 个十六进制数字，分别代表红色、绿色和蓝色的值。例如 #FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝色。

h2 {
  color: #FF0000; /* 红色 */
}

span {
  color: #00FF00; /* 绿色 */
}

RGB 和 RGBA

RGB 是一种使用红色、绿色和蓝色值来表示颜色的方式，可以用 rgb() 函数来表示。RGBA 是 RGB 的扩展，增加了一个表示透明度的参数，可以用 rgba() 函数来表示。

div {
  color: rgb(255, 0, 0); /* 红色 */
}

a {
  color: rgba(0, 255, 0, 0.5); /* 半透明绿色 */
}

HSL 和 HSLA

HSL 是一种使用色相、饱和度和亮度来表示颜色的方式，可以用 hsl() 函数来表示。HSLA 是 HSL 的扩展，增加了一个表示透明度的参数，可以用 hsla() 函数来表示。

button {
  color: hsl(0, 100%, 50%); /* 红色 */
}

blockquote {
  color: hsla(120, 100%, 50%, 0.5); /* 半透明绿色 */
}

以上就是 CSS 颜色的一些常见表示方式，通过这些方式可以灵活地控制页面元素的颜色。