HTML 十六进制颜色用于定义具有十六进制值的网页颜色，这是一个使用 16 个符号的数字系统：0-9 和 A-F。
HTML 中的十六进制颜色代码
每个十六进制颜色代码都以哈希符号 （#） 开头，包括六位数字。前两位数字表示红色分量，后两位数字表示绿色分量，后两位表示蓝色分量。这种方法允许对网页设计进行精确的颜色定制。
要在 HTML 中使用十六进制颜色，我们可以使用 style 属性将它们直接分配给元素，或者使用 color 属性在<style>标签或工作表中定义它们。
<element style="color: #FFFFFF;">
十六进制颜色代码
以下是使用十六进制表示法的几种颜色列表：
| 颜色 | 颜色十六进制 |
|---|---|
| #000000 | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #C0C0C0 | |
| #FFFFFF |
HTML 十六进制颜色示例
下面是一些示例，演示如何在 HTML 页面中使用十六进制颜色。
设置正文的背景颜色
下面是一个通过十六进制颜色代码设置 HTML 标签背景的示例。
<!DOCTYPE html>
<html>
<head>
<title>
HTML Colors by HEX code
</title>
</head>
<body style="background-color: #00FF00;">
<p>
Use different color code for body
and table and see the result.
</p>
<p style="color: #FFFFFF;">
This text will appear white on
black background.
</p>
</body>
</html>
在表格单元格上设置颜色
这是演示十六进制代码使用的另一个示例。
<!DOCTYPE html>
<html>
<head>
<title>
HTML HEX Color code
</title>
</head>
<body style="width:300px; height:100px;">
<h2 style="background-color: #FF6666;">
Setting the Background using HEX Code
</h2>
<table style="background-color: #FF3335;">
<tr>
<td style="color: #FFFFFF;">
The text color of the paragraph is
styled using HEX code.
</td>
</tr>
</table>
</body>
</html>
结论
选择正确的颜色来设计网页是很困难的。即使你脑子里有一种颜色，你也需要让计算机理解颜色的十六进制值。为了让您的工作更轻松，我们建议您使用我们的 HTML 颜色选择器工具。
