HTML颜色代码是一种用于在网页中设置文本、背景和其他元素颜色的编码方式，它使用6位16进制数字表示，通常以井号（#）开头，在HTML中，我们可以使用颜色代码为文本设置颜色，为背景设置颜色，甚至为表格、链接等元素设置颜色，以下是一些常见的HTML颜色代码及其使用方法。
1、文本颜色
要为文本设置颜色，可以使用<span>或<p>等标签包围文本，并使用style属性设置color属性。
<p style="color: #FF0000;">这段文字的颜色是红色。</p>
或者：
<span style="color: #00FF00;">这段文字的颜色是绿色。</span>
2、背景颜色
要为元素设置背景颜色，可以使用style属性设置background-color属性。
<div style="background-color: #FFFF00;">这个div的背景颜色是黄色。</div>
3、表格颜色
要为表格的行或单元格设置颜色，可以使用<tr>（行）和<td>（单元格）标签的style属性设置background-color属性。
<table>
<tr style="background-color: #FFFF00;">
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr style="background-color: #00FF00;">
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
4、链接颜色
要为链接设置颜色，可以使用<a>标签的style属性设置color属性。
<a href="https://www.example.com" style="color: #0000FF;">这是一个蓝色的链接。</a>
5、鼠标悬停颜色
要为元素设置鼠标悬停时的颜色，可以使用hover伪类选择器结合style属性设置color属性。
<p style="color: #FF0000;">这段文字的颜色是红色。</p> <p style="color: #00FF00;">这段文字的颜色是绿色。</p>
当鼠标悬停在第一个段落上时，文本颜色会变为蓝色；当鼠标悬停在第二个段落上时，文本颜色会变为红色。
6、CSS样式表
除了直接在HTML标签中使用style属性设置颜色外，还可以使用CSS样式表为多个元素统一设置颜色，在HTML文档的<head>部分添加<style>标签，然后在其中编写CSS样式规则。
<!DOCTYPE html>
<html>
<head>
<style>
.red-text { color: #FF0000; }
.green-text { color: #00FF00; }
.yellow-bg { background-color: #FFFF00; }
</style>
</head>
<body>
<p class="red-text">这段文字的颜色是红色。</p>
<p class="green-text">这段文字的颜色是绿色。</p>
<div class="yellow-bg">这个div的背景颜色是黄色。</div>
</body>
</html>
在这个例子中，我们定义了两个CSS类（.red-text和.green-text），分别用于设置文本颜色为红色和绿色，我们还定义了一个CSS类（.yellow-bg），用于设置背景颜色为黄色，我们在HTML元素中使用这些类来应用相应的颜色样式。