CSS 十六进制颜色
十六进制颜色使用以下方式指定:#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 个光源的相等值来定义
3 位 HEX 值
有时您会在 CSS 源代码中看到 3 位十六进制代码。
3 位十六进制代码是某些 6 位十六进制代码的简写。
3 位十六进制代码具有以下形式
#rgb
其中 r、g 和 b 分别表示红色、绿色和蓝色分量,值介于 0 和 f 之间。
3 位十六进制代码只能在每个分量的值(RR、GG 和 BB)都相同时使用。因此,如果我们有 #ff00cc,它可以这样写:#f0c。
这是一个示例
示例
body {
background-color: #fc9; /* 与 #ffcc99 相同 */
}
h1 {
color: #f0f; /* 与 #ff00ff 相同 */
}
p {
color: #b58; /* 与 #bb5588 相同 */
}
自己尝试 »