HTML - 十六进制颜色

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 颜色选择器工具。

打印本页