CSS 十六进制颜色学习笔记

什么是十六进制颜色？

在 CSS 样式表中，我们可以使用 RGB 颜色、 HSL 颜色等方式来定义颜色。其中，RGB 颜色可以使用十六进制来表示。

RGB 颜色由三个分量组成：红色（R）、绿色（G）和蓝色（B）。每个分量的取值范围是 0~255 之间，因此一个 RGB 颜色的取值范围为 #000000（黑色）到 #FFFFFF（白色）。

在 CSS 中，我们可以使用十六进制数值来代表 RGB 颜色，一个十六进制颜色由三组两位数码组成，每组数码代表一个分量的取值。例如，#FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝色。

在 CSS 样式表中，我们可以使用以下方式来使用十六进制颜色：

我们可以将十六进制颜色作为 CSS 属性值来设置元素的样式。例如，将背景色设为红色：

cssCopy Code
background-color: #FF0000;

我们也可以将十六进制颜色作为变量来使用，以便在样式表中多次使用同一个颜色。例如：

cssCopy Code
:root {
  --primary-color: #FF0000;
}

h1 {
  color: var(--primary-color);
}

button {
  background-color: var(--primary-color);
}

下面是一些常见的十六进制颜色及其对应的颜色值：

我们可以使用这些颜色值来设置元素的样式，例如：

cssCopy Code
/* 设置标题颜色为红色 */
h1 {
  color: #FF0000;
}

/* 设置按钮背景色为绿色 */
button {
  background-color: #00FF00;
}

这些是 CSS 十六进制颜色的基础知识和操作方法，希望对你有所帮助。