颜色选择器

使用我们的颜色选择器可以找到完美的颜色,发现美丽的色彩、色度和色调以及和谐的配色;输入Hex颜色代码、RGB和HSL值,并生成HTML、CSS和SCSS样式。

颜色表

正在寻找很棒的颜色组合?我们的颜色表的颜色表包含扁平化设计色彩、谷歌Material Design设计语言色彩方案以及经典的网页安全色彩,均带有Hex颜色代码。

IndianRed #CD5C5C rgb(205, 92, 92)
LightCoral #F08080 rgb(240, 128, 128)
Salmon #FA8072 rgb(250, 128, 114)
DarkSalmon #E9967A rgb(233, 150, 122)
LightSalmon #FFA07A rgb(255, 160, 122)

颜色名

无法记住所有140种HTML颜色名称?我们帮您解决,查看我们的指南指南可以快速找到以颜色分组的所有HTML颜色名称。

HTML和CSS教程

刚开始创建您的网页或需要进行更新?我们的教程可以满足各种用户需求,从基础的HTML和CSS色彩指南到更先进的SCSS技术。

网页设计资源

我们收藏的酷炫工具和技巧,包括最好用的调色板生成器免费图库网站使用颜色进行的图片搜索、还有更多。

什么是HTML颜色代码?

颜色代码是以一种计算机能够识别以及展示我们日常所见颜色的方法 。常用于网站和其他软件应用的颜色代码格式各种各样,包括Hex颜色代码、RGB和HSL值、HTML颜色名称,等等。

Hex颜色代码

最常见的是Hex颜色代码;Hex代码为三字节的十六进制数字(意味着包含六个数位),其中每一字节或每两个字符分别代表红、绿、蓝颜色的强度。

#XXXXXX

Hex代码字节值的范围从颜色强度最低的00到最高强度FF。举例来说,白色由最高强度的三基色混合而成,其Hex颜色代码即为#FFFFFF。

#FFFFFF

黑色则完全相反,在屏幕显示上没有任何颜色,每种颜色均为最低强度显示,Hex颜色代码为#000000。

#000000

了解了Hex颜色代码符号的基本知识,我们就能很轻松地创建各种灰度颜色,因为它们是由强度相等的各个颜色组成。

#454545

#999999

三原色――红、绿、蓝是由所需颜色的最高强度与另外两种颜色的最低强度混合而成。

#FF0000

#00FF00

#0000FF

现代浏览器可支持全谱24位色,有16777216种不同颜色的可能性。可使用我们颜色选择器来探究所有1677万种颜色,或者如果觉得太多,可查看我们的颜色表,选择重点用应于扁平化设计、Material Design和网页安全色彩的调色板。

常用的HTML颜色代码列表

Color Name Hex Code RGB Code
White #FFFFFF rgb(255, 255, 255)
Silver #C0C0C0 rgb(192, 192, 192)
Gray #808080 rgb(128, 128, 128)
Black #000000 rgb(0, 0, 0)
Red #FF0000 rgb(255, 0, 0)
Maroon #800000 rgb(128, 0, 0)
Yellow #FFFF00 rgb(255, 255, 0)
Olive #808000 rgb(128, 128, 0)
Lime #00FF00 rgb(0, 255, 0)
Green #008000 rgb(0, 128, 0)
Aqua #00FFFF rgb(0, 255, 255)
Teal #008080 rgb(0, 128, 128)
Blue #0000FF rgb(0, 0, 255)
Navy #000080 rgb(0, 0, 128)
Fuchsia #FF00FF rgb(255, 0, 255)
Purple #800080 rgb(128, 0, 128)

选择器

色彩与和谐

颜色表

扁平化、Material、網頁安全

颜色名

140 HTML颜色名

教程

HTML、CSS和SCSS

资源

色彩小贴士