要使用HTML来添加颜色，可以使用`style`属性并指定CSS的`color`属性，HTML中的颜色可以使用多种方式表示，其中最常见的是使用颜色的名称、十六进制代码或RGB值。
1. **颜色名称**: HTML定义了一些预定义的颜色名称，如`red`、`blue`、`green`等。
<p style="color: red;">这段文字是红色的。</p>
2. **十六进制代码**: 颜色可以用六位十六进制数表示，前两位表示红色，中间两位表示绿色，后两位表示蓝色，`#000000`表示黑色，`#FFFFFF`表示白色。
<p style="color: #FF0000;">这段文字是红色的。</p>
3. **RGB值**: RGB值也可以用来表示颜色，格式为`rgb(red, green, blue)`，其中每种颜色的值范围从0到255。
<p style="color: rgb(255, 0, 0);">这段文字是红色的。</p>
4. **RGBA值**: 与RGB类似，但是添加了一个alpha通道，用于设置颜色的透明度，格式为`rgba(red, green, blue, alpha)`，其中alpha的值范围从0（完全透明）到1（完全不透明）。
<p style="color: rgba(255, 0, 0, 0.5);">这段文字是半透明的红色。</p>
5. **HSL值**: HSL代表色调、饱和度和亮度，格式为`hsl(hue, saturation%, lightness%)`，HSL对于非专业人士来说可能比RGB更易于理解。
<p style="color: hsl(0, 100%, 50%);">这段文字是红色的。</p>
6. **HSLA值**: 与HSL类似，但是添加了一个alpha通道，格式为`hsla(hue, saturation%, lightness%, alpha)`。
<p style="color: hsla(0, 100%, 50%, 0.5);">这段文字是半透明的红色。</p>
7. **简写形式**: 如果只指定一种颜色值，浏览器会尝试自动推断其他两个值，`#F00`等价于`#FF0000`。
8. **透明度**: 除了使用RGBA或HSLA来设置透明度外，还可以使用`transparent`关键字来设置颜色为透明。
<p style="color: transparent;">这段文字是透明的。</p>
9. **CSS变量**: 在CSS中，可以使用自定义属性（也称为CSS变量）来定义颜色，并在整个文档中重复使用，这些变量可以在`:root`选择器中定义，并在其他地方通过它们的名称引用。
在CSS中：
:root {
--main-color: #FF6347; /* Tomato */
}
在HTML中：
<p style="color: var(--main-color);">这段文字是自定义颜色的。</p>
通过以上方法，你可以在HTML中轻松地设置和改变文本的颜色，请注意，当使用内联样式时（如示例中的`style="color: red;"`），应始终将样式属性与其值之间用分号（`;`）分隔，即使只有一个样式属性也是如此。
