颜色名称查找
颜色
给定任意颜色(hex、RGB 或取色器),从三个数据库中查找最接近的 8 个色名:CSS 4 命名色(148 个,如 `cornflowerblue` 可直接用于 CSS)、Tailwind v3 默认调色板(`slate-50` 到 `rose-700` 共 110+ 个)、XKCD 颜色调查(来自 22.25 万人参与的著名研究的最常见色名)。距离在 OKLab(感知均匀色彩空间)中计算,因此排名真正符合人眼对相似度的感受,而不是像 RGB 欧氏距离那样过度强调亮度变化。
—
最接近
- dodgerblue#1e90ff · ΔE 0.0363
- royalblue#4169e1 · ΔE 0.0668
- cornflowerblue#6495ed · ΔE 0.0697
- mediumslateblue#7b68ee · ΔE 0.0871
- steelblue#4682b4 · ΔE 0.1011
- mediumpurple#9370db · ΔE 0.1131
- slateblue#6a5acd · ΔE 0.1140
- lightslategray#778899 · ΔE 0.1564
距离为 OKLab 欧氏(感知均匀)。越小越接近。
使用方法
- 输入 hex(`#3b82f6`、`3b82f6`、`#36e`)、`rgb(59, 130, 246)` 或使用取色器。
- 在 CSS、Tailwind、XKCD 数据库间切换。
- 复制名称直接用于 CSS 或 Tailwind 配置。
常见问题
- 为什么用 OKLab 而非 RGB 距离?
- 纯 RGB 距离会给出误导性排名 — 暗色 10% 亮度变化与亮色 10% 变化被同等对待,但人眼对中间调远比极端调敏感。OKLab(Björn Ottosson 2020 年发布)为感知均匀性设计,所以「最接近」真正意味着「看起来最相似」。
- XKCD 颜色调查是什么?
- 2010 年,Randall Munroe 调查了 222,500 人,每人为 5 种随机颜色命名。共识最高的名称构成了实用调色板,甚至被 matplotlib 等可视化库采用。包含如「puke green」之类的俚语名(不在我们的前 60 子集中)。
- 为什么只显示 8 个结果?
- 超过第 8 位,距离已大到「最接近」失去意义。如需完整列表,算法只是 OKLab 欧氏距离,易于复现。