CSS HEX 颜色

HEX 值

在 CSS 中，可以使用以下格式的十六进制值指定颜色：

rrggbb

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

例如，#ff0000 显示为红色，因为红色设置为最大值（ff），其他设置为最小值（00）。

请通过混合以下十六进制值来进行实验：

#ff6347

RED

ff

GREEN

63

BLUE

47

#ff0000

#0000ff

#3cb371

#ee82ee

#ffa500

#6a5acd

实例

<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:#ff0000;">#ff0000</h1>
<h1 style="background-color:#0000ff;">#0000ff</h1>
<h1 style="background-color:#3cb371;">#3cb371</h1>
<h1 style="background-color:#ee82ee;">#ee82ee</h1>
<h1 style="background-color:#ffa500;">#ffa500</h1>
<h1 style="background-color:#6a5acd;">#6a5acd</h1>
<p>在 HTML 中，您可以使用十六进制值规定颜色。</p>
</body>
</html>

运行一下

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

#000000

#3c3c3c

#787878

#b4b4b4

#f0f0f0

#ffffff

实例

<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:#000000;">#000000</h1>
<h1 style="background-color:#3c3c3c;">#3c3c3c</h1>
<h1 style="background-color:#787878;">#787878</h1>
<h1 style="background-color:#b4b4b4;">#b4b4b4</h1>
<h1 style="background-color:#f0f0f0;">#f0f0f0</h1>
<h1 style="background-color:#ffffff;">#ffffff</h1>
<p>通过对红色，绿色和蓝色使用相等的值，您将获得不同的灰阶。</p>
</body>
</html>