HTML 颜色标签

引言

借助颜色，我们可以为任何事物提供良好的外观。所以借助颜色，我们可以让网站看起来更好。在 body 标签内，我们可以指定一些颜色，这些颜色将应用于整个网站。

通过以下标签，我们可以为网页提供颜色属性。它们如下：

• Bgcolor：使用此属性，我们可以设置网页背景的颜色。
• Text：使用此属性，我们可以指定正文文本的颜色。
• Alink：使用此属性，我们可以设置活动链接或选定链接的颜色。
• Link：使用此属性，我们可以设置链接文本的颜色。
• Vlink：使用此属性，我们可以设置已访问链接的颜色——也就是说，对于您已点击过的链接文本。

HTML 颜色编码方法

在网页中，我们可以通过三种方法来实现颜色。这三种方法如下：

• 颜色名称：在 HTML 中，我们可以通过颜色名称（如绿色、蓝色或红色）来实现颜色。
• 十六进制代码：在 HTML 中，我们可以通过六位数的代码来实现颜色，该代码表示红色、绿色和蓝色的数量。
• 颜色十进制或百分比值：在 HTML 中，我们可以使用 rgb() 属性指定的值来实现颜色。

HTML 颜色 - 颜色名称

通过 HTML 颜色名称，我们还可以设置背景或文本颜色。这些颜色名称更容易记住并在 HTML 和 CSS 代码中使用。以下是一些 HTML 中最常用的颜色名称列表：

1. 黑色：black
2. 白色：white
3. 红色：red
4. 绿色：green
5. 蓝色：blue
6. 黄色：yellow
7. 紫色：purple
8. 橙色：orange
9. 粉色：pink
10. 灰色：gray 或 grey
11. 棕色：brown

让我们通过一个例子来理解这一点。

示例 1

输出

说明

在上面的代码中，我们使用颜色名称为文本着色。在这里，我们使用绿色作为 body 的背景色，白色作为 body 中文本的颜色。

在 HTML 代码中使用颜色名称的局限性

如果我们使用 HTML 代码中的颜色名称，我们将无法通过查看颜色名称来确定它是哪种颜色。例如，如果我们猜测颜色名称是紫色，但实际上该颜色是品红和蓝色之间的纯色。但实际上它与深品红不同。

HTML 颜色 - 十六进制代码

颜色的十六进制代码包含 6 位数字。颜色代码的前两位数字表示红色，接下来的两位数字表示绿色，最后两位数字表示蓝色。

我们可以从任何图形软件（如 Adobe Photoshop、Paintshop Pro 或 MS Paint）中获取颜色代码的十六进制值。

在十六进制值中，每个颜色名称的代码前面都有一个井号或哈希符号 #。以下是颜色名称及其十六进制代码值的列表。

让我们通过一个例子来理解这一点。

示例 2

输出

说明

在上面的代码中，我们借助十六进制代码在网页中提供颜色属性。

HTML 颜色 - RGB 值

在 HTML 中，我们可以通过以下公式使用 RGB 值指定颜色。

在上面的公式中，每个参数定义其在 0 到 255 范围内的强度。

例如，如果我们以红色为例，其代码为 rgb(255, 0, 0)。这里的红色设置为最高值 (255)，而另外两个（绿色和蓝色）设置为 0。

注意：我们需要注意一点，并非所有浏览器都支持此 RGB 属性。所以不建议使用。

以下是代码及其 RGB 值的一些列表。

让我们通过一个例子来理解这一点。

示例 3

输出

说明

在上面的代码中，我们借助 RBG 值在网页中提供了颜色属性。