颜色名称查找器 🎨

关于颜色名称查找器

颜色名称查找器完全在你的浏览器中运行。用系统颜色选择器选取颜色，或输入 HEX/RGB 字符串，然后点击查找名称。工具会将你的颜色与 140+ 种标准 HTML/CSS 命名颜色进行比较，按 RGB 空间中的欧氏距离排序，展示最接近的匹配及其色块、名称、HEX 代码和距离分数。所有处理都在本地完成，不上传任何数据。

匹配原理

每个命名颜色都有一个固定的 RGB 值。工具会计算你的输入颜色到每个命名颜色在 RGB 空间中的直线（欧氏）距离：distance = √((r₁−r₂)² + (g₁−g₂)² + (b₁−b₂)²)。距离最小的命名颜色就是视觉上最接近的匹配。

如何使用查找器

1. 使用颜色选择器，或在文本框中输入类似 #0EA5E9 的十六进制代码或 rgb(14,165,233) 值。
2. 选择要查看的最近匹配数量。
3. 点击查找名称。最佳匹配显示在最上方，其后是次接近的颜色。
4. 点击复制最佳名称或复制最佳 HEX 把最接近的匹配复制到剪贴板。

常见问题

使用哪些命名颜色？ W3C 定义的标准 140+ 种 HTML/CSS 命名颜色，包括基础色如 red、blue、green，以及扩展名如 cornflowerblue、tomato、rebeccapurple。

为什么列表中没有我精确的颜色？ 命名颜色只是 1600 万种 RGB 颜色中一个很小的固定子集。查找器按 RGB 距离报告最接近的命名颜色，通常是不错的视觉近似。

可以输入 RGB 而不是 HEX 吗？ 可以。#0EA5E9 和 rgb(14,165,233) 都被接受，也支持三位简写形式（如 #fff）。

这个工具会上传我的颜色值吗？ 不会。所有匹配都在本地浏览器中完成。