词雅网HTML初学者必看！介绍常用的html颜色代码和颜色名称
在这篇文章中，我将解释在 HTML 和 CSS 中决定颜色时使用的颜色代码！在 HTML 和 CSS 中，颜色是使用指定颜色的称为颜色代码的代码来确定的。
除了颜色代码之外，还有其他指定颜色的方法。在本文中
什么是颜色代码
指定颜色的两种方式（颜色代码、颜色名称）
我会解释一下。如果您曾经使用过 HTML 和 CSS 中使用的颜色代码，请看一下！
什么是颜色代码
颜色代码是在 HTML 中决定颜色时使用的表示颜色的代码。看看这个。
#000000 <!-- 黑色 --> #ff0000 <!-- 红色 --> #00ff00 <!-- 石灰（绿色）--> #0000ff <!-- 蓝色 --> #ffffff <!-- 白色 -->
此代码中从升号开始的六位数字（以十六进制表示）将是颜色代码。十六进制数用“0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F”表示。
十六进制数表示有六位数字，每一位数字都改变颜色的作用。你听说过RGB这个词吗？
RGB 是红色、绿色和蓝色的缩写，每种颜色都有一个原色。该颜色的三种原色中的每一种都分配有两位数字。考虑到这一点，让我们看一下上面的颜色代码。
从黑白图中可以看出，从 0 到 f，颜色变得更亮。
另外，如果您观察红色、石灰（绿色）和蓝色，您会发现分配给它们的两位数字是 f，它是最亮的。您了解颜色代码的工作原理吗？
具体用途
让我们看看如何使用它。不过，您只需将之前的颜色指定写入相应的部分即可更改颜色。首先，我们来看看如何直接在 HTML 中更改文本的颜色。看看这个。
<html> <div class="text"> <font color="blue">Hello.</font> <font color="#0000FF">Goodbye.</font> </div> </html>
执行结果
这里，要改变颜色的文本用font标签括起来，颜色是用color属性改变的。颜色由两个单词指定，一个英文单词和一个颜色代码，但我稍后会解释这一点！
接下来，让我们看看如何在 HTML 和 CSS 中使用 span 标签和 div 标签来更改颜色。请参阅此处的代码。
HTML
<html> <div style="color:greenyellow">Hello.</div> <span style="color:#00FF00">Goodbye.</span> </html>
执行结果
HTML+CSS
<style>
.text, div {
color: red;
}
.text, span {
color: #FF0000;
}
</style><html> <div class="text">Hello.</div> <span class="text">Goodbye.</span> </html>
执行结果
这里，div标签和span标签分别针对仅HTML和HTML和CSS执行。基本上，它与之前指定颜色相同。但是，与字体标签不同，div 标签和 span 标签使用样式属性来指定颜色。
另外，有关如何使用 CSS 更改各种颜色的详细说明，请参阅这篇文章。
如何通过缩写或名称指定颜色
现在我们已经了解了颜色编码的基础知识，让我们看看两种指定颜色的方法。
色标
以前的颜色代码是“#十六进制6位”的形式，其中分配了两位RGB。该颜色代码可以省略。看看这个。
#000 <!-- 黑色 --> #f00 <!-- 红色 --> #fff <!-- 白色 -->
6 位十六进制数被指定为“RRGGBB”。这次，我将其缩短为“RGB”。要将红色“#f00”固定为 6 位数字，只需重复每个数字两次（“#ff0000”）。
如果两个相同颜色的数字重复，可以缩短为三位数。
另外，稍后我们还将解释如何使用称为颜色名称的英文单词指定颜色，但如果指定颜色代码以外的颜色，则颜色可能会根据浏览器的不同而略有变化。基本上，我们使用颜色代码。
颜色名称
以前的颜色代码用 6 或 3 个十六进制数字指定颜色。这次的颜色名称是用英文单词代替数字来指定的方法。看看这个。
white green black
您可能认为这只是一个英文单词，但只要像颜色代码一样指定它，就会应用颜色。使用颜色名称使得在开发过程中更容易看到，并且比颜色代码更容易处理，因为它们更容易理解。
然而，某些版本的 HTML 和浏览器不支持颜色名称，并且它们并不总是仍在使用。因此，在Web开发中，更常见的是使用颜色代码来指定颜色。
结语
在本文中，我们讨论了在 HTML 中指定颜色的几种方法。基本上，这是用 6 位十六进制颜色代码指定的好方法。
不过，如果开发环境有CSS的使用等规则，那就根据每种情况使用最合适的。如果您忘记了颜色代码，请不要忘记查看这篇文章！
本文来源：词雅网
本文地址：https://www.ciyawang.com/html-color-code.html
本文使用「 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 」许可协议授权，转载或使用请署名并注明出处。
相关推荐
-
什么是MAC地址？如何查找我的MAC地址？
？ MAC地址是一种硬件地址，它是指网络适配器的唯一识别符。MAC地址是一个48位的数字，通常用16进制表示。每个网络适配器都有一个独特的MAC地址，就像指纹一样，没有两个相同的MAC地址。 MAC
-
什么是IP地址？如何查找我的IP地址？
，每个字节用一个点隔开。例如，192.0.2.1就是一个IPv4地址。IPv6地址由八组16位的十六进制数字组成，每组数字之间用冒号隔开。例如，2001:0db8:85a3:0000:0000:8a2
-
什么是子网掩码？如何设置子网掩码？
和设置方法，帮助读者更好地理解和使用这一网络配置参数。 什么是子网掩码？ 子网掩码是一个32位的二进制数字，用来划分一个IP地址的网络部分和主机部分。在计算机网络中，每个设备都有一个唯一的IP地址，
-
如何设置元素的背景颜色？
fff; } 在这个例子中，我们设置了页面的背景颜色为白色。你可以使用任何颜色，只需要使用颜色的十六进制代码即可。 颜色的意义 不同的颜色可以产生不同的情绪和感觉。例如： 红色：代表着热情、力
-
如何设置元素的字体颜色？
以使用其他颜色值，例如“green”、“blue”、“yellow”等。此外，还可以使用RGB或十六进制颜色值来设置字体颜色。例如： <font color="#FF0000">这是红色字
-
如何优化MySQL中的字符串操作性能
长度固定的字符串，应该选择CHAR类型。此外，还可以使用TEXT和BLOB类型来存储较大的字符串和二进制数据。 使用索引 在进行字符串操作时，使用索引可以加速查询。MySQL支持在VARCHAR和C
-
网络世界的秘密：什么是子网？如何划分子网？
是网络地址？网络地址，就是用来标识计算机在网络中位置的一串数字，也被称为IP地址。IP地址由32位二进制数表示，通常以“.”隔开，分为四个8位的二进制数，如192.168.0.1。 子网的作用 在
-
网络协议：连接世界的桥梁
协议允许用户通过网络将文件从一个计算机传输到另一个计算机，它支持多种数据传输模式，包括ASCII、二进制和本地模式。FTP协议在现代计算机网络中仍然被广泛使用，尤其是在文件传输和共享方面。 结论
-
如何设置HTML页面的背景颜色？
在上面的代码中，我们使用了body选择器来设置整个网页的背景颜色。#ffffff是十六进制颜色代码，代表白色。您可以根据需要更改背景颜色代码。 如果您想为不同的页面设置不同的背景颜色，
-
如何在HTML页面中创建元素的阴影效果？
d-radius）：正值扩大阴影，负值缩小阴影。 阴影颜色（color）：可以使用颜色名称、十六进制值、RGB值等设置。 例如，下面的代码将为一个元素添加一个水平偏移量为20px，垂直偏移量为1
