HTML颜色代码

发布时间：2025-08-05 11:42

使用颜色编码来区分衣物，如红色代表内衣，蓝色代表裤子 #生活技巧# #组织技巧# #个人物品标签#

选择颜色

颜色选择器

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

使用我们的颜色选择器找到完美色彩，发现美丽的色彩搭配、渐变、阴影和色调；输入 Hex 颜色代码、RGB、HSL 和 OKLCH 数值，即可生成 HTML、CSS 和 Tailwind 样式。

选择颜色Try it

提取颜色

图像

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

将您的照片转变为灵感调色板！上传图片，点击捕捉准确颜色数值，即刻生成互补调色板，让设计更加和谐。

提取颜色Try it

寻找搭配

色轮

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

通过我们的交互式色轮探索生动的色彩世界。调节色相与明度，发掘激发创意、提升设计效果的和谐配色方案。

寻找搭配Try it

查看图表

颜色表

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

寻找出色的配色方案？我们的颜色表展示了 Tailwind CSS、扁平设计、谷歌 Material 设计以及经典网页安全调色板，全部采用 Hex 颜色代码。

查看图表Try it颜色名称十六进制代码RGB代码HSL代码IndianRedCD5C5C205, 92, 920, 53, 58LightCoralF08080240, 128, 1280, 79, 72SalmonFA8072250, 128, 1146, 93, 71DarkSalmonE9967A233, 150, 12215, 72, 70LightSalmonFFA07A255, 160, 12217, 100, 74

浏览列表

颜色名

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

记不清全部 140 种 HTML 颜色名称？没问题，查看我们的指南，快速参考按色系分组的 HTML 颜色名称，还有额外的趣味列表。

浏览列表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, 100SilverC0C0C0192, 192, 1920, 0, 75Gray808080128, 128, 1280, 0, 50Black0000000, 0, 00, 0, 0RedFF0000255, 0, 00, 100, 50Maroon800000128, 0, 00, 100, 25YellowFFFF00255, 255, 060, 100, 50Olive808000128, 128, 060, 100, 25Lime00FF000, 255, 0120, 100, 50Green0080000, 128, 0120, 100, 25Aqua00FFFF0, 255, 255180, 100, 50Teal0080800, 128, 128180, 100, 25Blue0000FF0, 0, 255240, 100, 50Navy0000800, 0, 128240, 100, 25FuchsiaFF00FF255, 0, 255300, 100, 50Purple800080128, 0, 128300, 100, 25

网址：HTML颜色代码 https://klqsh.com/news/view/105026

⬅️上一篇：#52677D Hex Colo

➡️下一篇：地毯清洗机的正确使用方法