颜色名称查询
在 148 个 CSS 颜色名和 949 个 xkcd 调查颜色名中,按 CIEDE2000 找出最接近的名称,附前 10 名列表和色块;也可以按名称查颜色。
手里有 HEX 代码,却不知道该叫什么?这个查询工具会把你的颜色与两份名称列表比较——可用于 HTML 和 CSS 的 148 个 CSS 命名颜色,以及 xkcd 颜色调查的 949 个名称(超过 20 万人用自己的话给颜色起了名字),并按感知差异(CIEDE2000)返回最接近的名称。切换到“名称 → 颜色”,还可以查找“dusty rose”或“teal”这样的名称并得到它的代码。
使用方法
- 输入或粘贴颜色:HEX、rgb()、hsl() 或任何 CSS 颜色写法。
- 选择搜索 CSS 名称、xkcd 名称,还是两者都搜。
- 查看最接近的名称及其 ΔE2000,数值越小越接近。
- 或者选择“名称 → 颜色”,输入名称即可得到它的 HEX 和 RGB。
计算公式
最接近的名称 = 与你的颜色 ΔE₀₀(CIEDE2000)最小的条目,两者都先从 sRGB 转换为 CIELAB(D50)
ΔE₀₀ 低于约 1 时大多数人看不出差别,2–3 是细微但可见的差别,超过 10 则颜色明显不同。gray/grey 两种拼写,以及重复的 aqua/cyan、fuchsia/magenta 只显示一次。
示例
搜索 #3B7DD8,CSS 名称中找到 steelblue #4682B4,ΔE2000 为 5.24——接近,但明显不同;xkcd 名称中是 clear blue #247AFD,只有 2.86。像 #FF6347 这样完全对应的关键字,会返回“tomato #FF6347”,ΔE2000 为 0。反向查询“tomato”时,先给出 CSS 颜色 #FF6347,其次是 xkcd 调查中的 tomato #EF4026——大家选的是更深的红色。
常见问题
xkcd 颜色列表是什么?
2010 年,xkcd 的兰道尔·门罗做了一次在线调查,让参与者给随机出现的颜色输入名称。最常见的 949 个名称,例如“dusty rose”“puke green”和“cloudy blue”,以 CC0 公共领域许可发布。
能在 CSS 中使用 xkcd 名称吗?
不能。样式表中只有 148 个 CSS 关键字有效。请改用 xkcd 名称旁边显示的 HEX 代码。
为什么不直接比较 RGB 值?
RGB 距离相等,看起来的差别并不相等:深蓝色中的一步比黄绿色中同样的一步明显得多。CIEDE2000 修正了这一点,所以最接近的名称就是看起来真正最接近的名称。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/color-name-finder/
引用此工具
kakaoCalc. (2026, November 8). 颜色名称查询. https://kakao.mobile/zh/tools/color-name-finder/
“颜色名称查询.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-name-finder/.