CSS HEX 颜色 详解
css3基础 2022-05-23 12:01:36小码哥的IT人生shichen
CSS HEX 颜色
HEX 值
在 CSS 中，可以使用以下格式的十六进制值指定颜色：
#rrggbb
其中 rr（红色）、gg（绿色）和 bb（蓝色）是介于 00 和 ff 之间的十六进制值（与十进制 0-255 相同）。
例如，#ff0000 显示为红色，因为红色设置为最大值（ff），其他设置为最小值（00）。
请通过混合以下十六进制值来进行实验：
RED
ff
GREEN
0
BLUE
0
实例
#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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.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>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
