HTML 颜色名

在 HTML 中，可以使用颜色名来指定元素的背景颜色或文本颜色。这些颜色名是预定义的，可以直接在代码中使用，而不需要知道具体的颜色数值。

基本颜色名

HTML 中有一些基本的颜色名，如红色（red）、绿色（green）、蓝色（blue）、黄色（yellow）等。这些颜色名可以直接应用到元素的样式中，如下所示：

<p style="color: red;">这是红色的文本。</p>
<p style="color: green;">这是绿色的文本。</p>
<p style="color: blue;">这是蓝色的文本。</p>
<p style="color: yellow;">这是黄色的文本。</p>

扩展颜色名

除了基本颜色名外，HTML 还支持一些扩展的颜色名，如橙色（orange）、紫色（purple）、粉红色（pink）、灰色（gray）等。这些颜色名同样可以直接在代码中使用，如下所示：

<p style="color: orange;">这是橙色的文本。</p>
<p style="color: purple;">这是紫色的文本。</p>
<p style="color: pink;">这是粉红色的文本。</p>
<p style="color: gray;">这是灰色的文本。</p>

自定义颜色名

除了预定义的颜色名外，还可以使用自定义的颜色名来指定颜色。这需要在 CSS 样式表中定义新的颜色名，并在代码中引用这些自定义颜色名。示例代码如下：

.custom-color {
  color: #ff0000; /* 红色 */
}

<p class="custom-color">这是自定义的红色文本。</p>

通过使用颜色名，可以方便地指定元素的颜色，使页面更加丰富多彩。