HTML - 十六进制颜色

HTML 十六进制颜色使用十六进制值来定义网页颜色，十六进制是一种使用 16 个符号的数字系统：0-9 和 A-F。

HTML 中的十六进制颜色代码

每个十六进制颜色代码以井号 (#) 开头，并包含六位数字。前两位数字指定红色分量，接下来的两位表示绿色分量，最后两位表示蓝色分量。这种方法允许对网页设计进行精确的颜色自定义。

要在 HTML 中使用十六进制颜色，我们可以使用**style 属性**直接将其分配给元素，或者在**style**标签或样式表中使用 color 属性来定义它们。

<element style="color: #FFFFFF;">

十六进制颜色代码

以下是使用十六进制表示法的几种颜色的列表

颜色	颜色 HEX
	#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>

在表格单元格上设置颜色

这是另一个演示 HEX 代码用法的示例。

<!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 颜色拾取器工具。**

打印页面