目录

CSS 十六进制颜色


十六进制颜色通过以下方式指定:#RRGGBB,其中 RR(红色)、GG(绿色)和 BB(蓝色)十六进制整数指定颜色的组成部分。


十六进制值

在 CSS 中,可以使用以下形式的十六进制值指定颜色:

#罗格布

其中 rr(红色)、gg(绿色)和 bb(蓝色)是 00 到 ff 之间的十六进制值(与十进制 0-255 相同)。

例如,#ff0000 显示为红色,因为红色设置为其最高值(ff),其他设置为最低值(00)。

要显示黑色,请将所有值设置为 00,如下所示:#000000。

要显示白色,请将所有值设置为 ff,如下所示:#ffffff。

通过混合以下十六进制值进行实验:

 

红色的

FF

绿色的

0

蓝色的

0

示例

#ff0000
#0000ff
#3cb371
#ee82ee
#ffa500
#6a5acd

亲自试一试 »

灰色阴影通常使用所有 3 个光源的相同值来定义:

示例

#3c3c3c
#616161
#787878
#b4b4b4
#f0f0f0
#f9f9f9

亲自试一试 »


3 位十六进制值

有时您会在 CSS 源代码中看到 3 位十六进制代码。

3 位十六进制代码是某些 6 位十六进制代码的简写。

3 位十六进制代码具有以下形式:

#RGB

其中r、g、b代表红、绿、蓝分量,值在0到f之间。

仅当每个组件的两个值(RR、GG 和 BB)相同时才能使用 3 位十六进制代码。所以,如果我们有#ff00cc,可以这样写:#f0c。

这是一个例子:

示例

body {
  background-color: #fc9; /* same as #ffcc99 */
}

h1 {
  color: #f0f; /* same as #ff00ff */
}

p {
  color: #b58; /* same as #bb5588 */
}
亲自试一试 »