添加颜色到你的网站能唤起情感,设置的氛围,让你的整体设计更具凝聚力。

在这篇文章中,我们将覆盖一切你需要了解设计原则与HTML颜色代码相关,因此您可以更新和添加到您网站上的颜色。无论你是谁重新设计您的网站或者选择在第一次调色板,学习这门基本技能可以帮助您创建一个反映你的品牌的外观和感觉一致网站。

立即下载:免费介绍HTML和CSS指南

让我们首先定义HTML颜色代码。

HTML颜色代码

我们日常所见的颜色,并有他们的名字,如红色和黄色。在这些颜色有上百种不同的色调,我们也有名字的。这里不仅是粉红色,例如,但霓虹粉红色,粉红色的泡泡糖,玫瑰,紫红色,紫红色和无数人。

问题是,即使我们尝试获得更多特定,也可以通过不同的人来解释这些颜色名称。一个人的霓虹灯粉红色可能是另一个人的紫红色,这可能是别人的洋红色。

为了避免在线在线,我们使用HTML颜色代码。计算机可以解释HTML颜色代码以显示适当的颜色。这些代码可以有多种格式,包括十六进制颜色代码。让我们仔细看看下面的这种格式。

HTML HEX颜色代码

十六进制颜色代码是在网站和其他软件应用中最流行的HTML格式。雷竞技苹果下载官方版每一个十六进制代码是由一个包括hashtag前3张字节十六进制数组成。

字节是十六进制代码中的一对字符,它表示颜色中的三个原色(红色,绿色和蓝色)的强度。值范围从00(主要颜色的最低强度)到FF(主要颜色的最高强度)

这意味着每一个十六进制代码由三对,或总共六个字符。这六个字符可以是10个数字(0-9)和六个字母(A-F)的任意组合。该16码元标号系统被称为十六进制码。在总共有16777216种可能的组合。让我们试着找出其中的几个。

要弄清楚White的Hex颜色代码,请考虑您必须以完全强度混合三种原色。这意味着白色的十六进制颜色代码是#ffffff。由于黑色是缺乏原色,其十六进制颜色代码是#000000。如果您想要红色,那么您希望红色的最高强度和其他两个原色的最低强度。因此,红色的十六进制代码将是#FF0000。看看下图以获得一些其他组合。

侧由端的伯,仲和叔颜色HTML十六进制代码比较

来源

看看下面的屏幕截图更多的例子。

常见的颜色和他们的HTML十六进制颜色代码列表

来源

为了获得更多的熟悉十六进制代码,你可以玩弄像拾色器和车轮的在线工具。

使用如下所示的颜色选择器,你可以计算出不同的颜色,从黑白的十六进制代码到最深的绿色和蓝色亮。

颜色选择器显示一个明亮的蓝色的HTML十六进制颜色代码

来源

一旦你找到一个你喜欢的颜色,记下它的十六进制代码。这样,你可以重用在多个设计和跨渠道相同的颜色,这是一致的品牌是至关重要的。

现在你明白什么HTML颜色代码是,特别是十六进制代码,让我们来看看您如何使用HTML颜色代码。

如何使用HTML颜色代码

您可以在网站的HTML添加十六进制代码编辑单个元素的颜色。

例如,您想将段落的颜色更改为红色。只需将样式属性添加到要彩色的段落元素,并使用正确的十六进制代码使用颜色属性。代码将如下所示:

红色段落文本

使用此代码,我可以改变这个博客文章的介绍,使第一款红色。它看起来像这样的前端:

使用HTML HEX代码将段落更改为红色的前端示例

来源

你也可以分开的HTML和CSS,并达到同样的效果。

这里是你把你的文档的头部分的CSS:

身体{

颜色:#FF0000;

}

这里是你把你的文档的主体部分的HTML:

红段落文本

使用相同的过程,您可以更改您网站上的背景,文本和其他元素的颜色。

构建颜色的网站

颜色可以帮助强调页面上的元素,打造品牌知名度,并让您的网站难忘。现在,你有HTML颜色代码有基本的了解,您可以在您的网站添加或改变颜色来创造一个有凝聚力的设计。

现在,你有HTML颜色代码下来,了解其他HTML代码它可以帮助你正确呈现在您的网站信息,并进行必要的更新。

新的呼叫动作

CSS介绍

最初发布于3月1日,2020年8:00:00,2010年7月27日更新