命名色查找
输入任意颜色，按 CIELAB 感知色差从 148 个 CSS 命名色中找出最接近的关键字。
三步上手
- 1输入：粘贴 HEX / RGB / HSL，或用拾色器选一个颜色。
- 2看匹配：立即得到最接近的命名色与 ΔE 色差，下方列出 Top 5 候选。
- 3复制：点一下即可复制
color: tomato;写法或该命名色的 HEX。
最接近的 CSS 命名色
匹配在 CIELAB 感知色彩空间按 ΔE 色差计算，与肉眼观感一致。
royalblue
color: royalblue;为什么用 CIELAB 而不是直接比 RGB？
RGB 数值距离与人的色觉不成比例：黄色在 RGB 里「数值居中」，但视觉上极亮；蓝色通道差 30 在肉眼看来远比红色通道差 30 显眼。CIELAB 是按人眼响应构造的空间，其中的欧氏距离（ΔE）大致对应「看起来差多少」，用它排序候选才靠谱。
148 个命名色从哪里来？
来自 W3C CSS Color 4 规范定义的扩展颜色关键字（含 rebeccapurple）。本站为每个命名色都生成了独立落地页，可在命名色总览查看，或用某个命名色页查看其色阶与配色。
找到了近似命名色，但色差 ΔE 有点大怎么办？
说明你的颜色和 148 个关键字都有距离——这是常态，关键字集合本来稀疏。可以把命名色作为起点，用调色板生成器或取色器微调回来；正式项目仍建议直接使用你的原始 HEX。