◆
CSS 颜色名对照
CSS 命名颜色与 HEX 十六进制值对照速查,点击复制。前端配色常用。数据由后端维护。
本地处理 · 不上传
加载工具中…
相关：CSS颜色名 · 颜色对照 · 颜色名称 · HEX颜色 · 命名颜色
CSS 颜色名对照列出所有具名颜色及其十六进制、RGB 值，支持按名称或色值查找、按色系浏览。写样式时想不起色值就来查。
使用步骤
- 浏览或搜索颜色名
- 查看对应的色值
- 按色系筛选
- 复制需要的格式
使用场景
- 快速找一个接近的具名颜色
- 把色值反查成可读的名称
- 挑选调试用的醒目颜色
- 了解 CSS 具名颜色的完整清单
小贴士
- CSS 具名颜色共 147 个，来源是早期 X11 系统的颜色表，因此存在 gray 与 grey 两种拼写并存的历史遗留。
- 具名颜色可读性好，适合调试时临时标记；但设计稿中的品牌色应使用精确色值，不要用近似的具名颜色替代。
- transparent 与 currentColor 是两个特殊关键字，前者是完全透明，后者取当前文字颜色，在做描边和图标时很实用。
常见问题
一共有多少个具名颜色？
标准中定义了 147 个（含 transparent 则为 148），全部继承自 X11 窗口系统的颜色表，这也是命名风格显得古早的原因。
gray 和 grey 有区别吗？
没有，两种拼写完全等价，分别对应美式与英式拼法。所有含灰色的名称都提供两种写法，如 darkgray 与 darkgrey。
具名颜色能用在设计规范里吗？
不建议。它们的取值是历史遗留的任意值，彼此之间没有系统的明度或饱和度关系。设计体系应该自建一套有规律的色板。
CSS 颜色名对照是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用CSS 颜色名对照，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。