CSS HEX 颜色
十六进制颜色通过以下方式指定: #RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)的十六进制整数指定颜色的组成部分。
HEX 值
在 CSS 中,可以使用以下形式的十六进制值指定颜色
#rrggbb
其中 rr(红色)、gg(绿色)和 bb(蓝色)是介于 00 和 ff 之间的十六进制值(与十进制 0-255 相同)。
例如,#ff0000 显示为红色,因为红色设置为最高值 (ff),而其他设置为最低值 (00)。
要显示黑色,请将所有值设置为 00,如下所示:#000000。
要显示白色,请将所有值设置为 ff,如下所示:#ffffff。
尝试混合下面的 HEX 值进行实验
红色
ff
绿色环保
0
蓝色
0
灰色调通常使用所有三种光源的相同值来定义
3 位 HEX 值
有时您会在 CSS 源中看到 3 位十六进制代码。
3 位十六进制代码是某些 6 位十六进制代码的简写。
3 位十六进制代码具有以下形式
#rgb
其中 r、g 和 b 分别代表红色、绿色和蓝色分量,其值介于 0 到 f 之间。
仅当每个分量的值(RR、GG 和 BB)都相同时,才能使用 3 位十六进制代码。因此,如果我们有 #ff00cc,可以这样写:#f0c。
这是一个例子
示例
body {
background-color: #fc9; /* 与 #ffcc99 相同 */
}
h1 {
color: #f0f; /* 与 #ff00ff 相同 */
}
p {
color: #b58; /* 与 #bb5588 相同 */
}
自己动手试一试 »
视频:CSS 颜色 Hex

