HTML颜色代码

利用我们的颜色选择器、色轮、颜色表和 HTML 颜色名称获取 HTML 颜色代码、Hex 颜色代码、RGB、HSL 以及 OKLCH 数值。开始吧!

选择颜色

颜色选择器

查找任意颜色及其渐变、阴影、色调和搭配。

Try it
提取颜色

图像

从上传图片中提取颜色和调色板。

Try it
寻找搭配

色轮

• 基于色彩理论创造美丽的和谐配色。

Try it
查看图表

颜色表

采样自四种预设网页设计调色板的颜色。

Try it
浏览列表

颜色名

浏览 140 种命名的 CSS 颜色及其他列表。

Try it

什么是HTML颜色代码?

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

Hex颜色代码

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

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

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

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

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

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

常用颜色代码列表

颜色名称十六进制代码RGB代码HSL代码
WhiteFFFFFF255, 255, 2550, 0, 100
SilverC0C0C0192, 192, 1920, 0, 75
Gray808080128, 128, 1280, 0, 50
Black0000000, 0, 00, 0, 0
RedFF0000255, 0, 00, 100, 50
Maroon800000128, 0, 00, 100, 25
YellowFFFF00255, 255, 060, 100, 50
Olive808000128, 128, 060, 100, 25
Lime00FF000, 255, 0120, 100, 50
Green0080000, 128, 0120, 100, 25
Aqua00FFFF0, 255, 255180, 100, 50
Teal0080800, 128, 128180, 100, 25
Blue0000FF0, 0, 255240, 100, 50
Navy0000800, 0, 128240, 100, 25
FuchsiaFF00FF255, 0, 255300, 100, 50
Purple800080128, 0, 128300, 100, 25