颜色名称查找器
输入 hex、rgb() 或 hsl() 颜色，立即找到最接近的 CSS 命名颜色，并附带实时色块对比和几个次接近的备选项。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 在输入框中以 hex、rgb() 或 hsl() 格式输入颜色，或使用色块选取器直观选择。
- 最接近的 CSS 命名颜色会立即显示，其色块、名称和 hex 代码会显示在你的颜色旁边。
- 查看距离分数以了解匹配的接近程度——距离为 0 表示完全匹配。
- 向下滚动列表可查看更多次接近的命名颜色，按从近到远排序。
功能特点
- 支持 hex、rgb() 和 hsl() 颜色格式，外加可视化颜色选择器
- 与全部 148 种标准 CSS/X11 命名颜色进行比对
- 实时并排显示你的颜色与匹配到的命名颜色的色块
- 提供数值距离分数以及若干个次接近的备选项
- 100% 在浏览器端运行——你的颜色数据永远不会离开浏览器
常见问题
颜色名称匹配是如何工作的？
你的颜色会被转换为 RGB，然后使用 RGB 值之间的欧几里得距离与每种标准 CSS 命名颜色进行比较。距离最小的命名颜色作为最接近的匹配显示，其余几个距离较小的作为备选项显示。
会与哪些命名颜色进行匹配？
由 CSS Color Module 定义的 148 个标准 CSS/X11 扩展颜色关键字——与浏览器在 CSS 中识别的名称相同，例如 "tomato"、"slateblue" 或 "rebeccapurple"。这是一份固定、知名的列表，因此只有当你的颜色恰好落在其中之一时，才会得到完全匹配。
为什么网站是中文，颜色名称却显示为英文？
"Tomato"、"SlateBlue" 这类名称是字面意义上的 CSS 关键字，而不是可翻译的文本——浏览器在样式表中只能识别英文拼写。因此这些名称在所有语言中都保留为英文，而它们周围的其余页面内容都已完全翻译。
距离分数是什么意思？
这是你的颜色与命名颜色在 RGB 空间中的直线（欧几里得）距离，每个通道的取值范围为 0-255。距离为 0 表示完全匹配；理论最大距离（从黑色到白色）约为 441。数值越小，表示视觉上的匹配越接近。
这个工具会存储或上传我的颜色吗？
不会。所有解析、匹配和距离计算都通过普通 JavaScript 在你的浏览器本地完成，不会有任何数据被发送到服务器或保存在任何地方。