1. 使用 hex code 表示颜色
在 CSS 中，我们可以使用 hex code（十六进制颜色码）来表示颜色。hex code 是一种用 16 进制表示的 RGB 值，由 # 开头，并由 6 位字符组成。
hex code 中的每两位字符代表一个颜色通道（红色、绿色、蓝色）。每个通道的取值范围为 00 到 FF（十进制数为 0 到 255）。
例如，#FF0000 表示红色，#00FF00 表示绿色，#0000FF 表示蓝色。
要使用 hex code 表示颜色，只需将颜色值赋给相应属性即可：
.selector {
color: #FF0000; /* 红色 */
background-color: #00FF00; /* 绿色 */
border: 1px solid #0000FF; /* 蓝色 */
}
1.1 hex code 的优点
使用 hex code 表示颜色具有以下优点：
简洁明了：hex code 使用 6 位字符表示颜色，相较于其他表示方法，更加简洁明了。
支持透明度：hex code 还可以使用额外的两位字符来表示透明度。例如，#FF0000FF 表示完全不透明的红色，#FF000088 表示透明度为 50% 的红色。
广泛支持：hex code 在各种浏览器和设备上均得到广泛支持，使用起来非常稳定可靠。
1.2 常用的 hex code
以下是一些常用的 hex code：
红色：#FF0000
绿色：#00FF00
蓝色：#0000FF
黑色：#000000
白色：#FFFFFF
当然，还有很多其他颜色的 hex code 可供使用。你可以在各种在线颜色选择器中找到更多的颜色值。
2. 使用 rgb 方法表示颜色
除了 hex code，CSS 还支持使用 rgb 方法来表示颜色。rgb 是一种由红色、绿色和蓝色的值组成的函数，使用逗号分隔。
例如，rgb(255, 0, 0) 表示红色，rgb(0, 255, 0) 表示绿色，rgb(0, 0, 255) 表示蓝色。
要使用 rgb 方法表示颜色，同样只需将颜色值赋给相应属性：
.selector {
color: rgb(255, 0, 0); /* 红色 */
background-color: rgb(0, 255, 0); /* 绿色 */
border: 1px solid rgb(0, 0, 255); /* 蓝色 */
}
2.1 rgb 方法的优点
使用 rgb 方法表示颜色也具有一些优点：
易于理解：rgb 方法使用三个整数值来表示颜色通道，相较于 hex code 可以更直观地理解不同通道的值。
灵活性：rgb 方法允许使用变量或计算来生成颜色值，使得颜色的使用更加灵活多样。
2.2 常用的 rgb 值
以下是一些常用的 rgb 值：
红色：rgb(255, 0, 0)
绿色：rgb(0, 255, 0)
蓝色：rgb(0, 0, 255)
黑色：rgb(0, 0, 0)
白色：rgb(255, 255, 255)
通过修改不同通道的值，你可以创建出更多不同的颜色。