回到所有的课程
课程库

颜色值(十六进制,rgba,颜色名称)

web上表示颜色的3种常用方法的概述:颜色名称、十六进制代码和RGBA。

这个视频的特点是一个旧的UI。更新版本即将发布!

有时,使用颜色选择器就可以完成选择颜色的工作。然而,如果你需要精确,你想要更具体。

在网络上,颜色有三种常见的表示方式:

  • 颜色名称
  • 十六进制码
  • RGBA

颜色名称

HTML颜色名称是现代浏览器支持的140种颜色的常用颜色名称。

使用“蓝色”比使用#0000FF更容易记住。尽管如此,这些名字大多还是有些随意,比如草坪绿(LawnGreen)、桃子泡芙(PeachPuff)、杏仁白(BlanchedAlmond)等等。

此外,HTML颜色名称列表并不能完全代表网页颜色的所有可能。因此,要有更多的颜色选择,您可以使用其他格式之一。

网页的颜色
网页的颜色

十六进制码

十六进制码通常是对应精确颜色输出的六位数编码。

十六进制颜色
十六进制颜色

它们也被称为十六进制三胞胎因为它们是由三组两位数组成的。红,绿,蓝。构成显示器中每个像素的三种颜色。

当你增加一个特定颜色的值时,你在输出中得到的颜色就越多。你可以玩弄红、绿、蓝,得到任何你能想到的颜色。

十六进制

每种颜色的值都是用十六进制或十六进制写的,这是一种以16为基数的编号系统。十六进制数从0到9开始,然后字母相加一个通过f然后切换到10。

速记十六进制

缩写十六进制是用3位数字表示6位十六进制。

如果使用的颜色在三个颜色值中都有重复数字,则可以使用简化十六进制。比如AA-BB-CC或者44-11-EE。您可以简单地省略每种颜色的第二个数字,使其为ABC或41E。

例如,白色是#FFFFFF,可以缩写为#FFF。

速记十六进制

RGBA

另一方面,RGBA值用您熟悉的以10为基数的数字系统表示。

RGBA使用0到255的值来表示每种颜色。红,绿,蓝。一共是256级红色,包括0级。

A代表Alpha透明度。因此,使用RGBA,你也可以控制不透明度从完全透明(0)到完全不透明(1)。alpha值越低,颜色越透明。alpha值越高,越不透明。

RGBA

你也可以使用颜色选择器而且吸管工具在视觉上选择颜色。

尝试Webflow——它是免费的
Baidu
map