颜色名称查询
免费在线使用 颜色名称查询 无需安装即可使用工具
关于颜色名称工具
该工具使用直线（欧氏）RGB 距离，为任意 hex 或 RGB 输入找出最接近的具名 CSS 颜色，并返回带有百分比相似度得分的前三个匹配项。它还包含一个可搜索、可展开的完整具名 CSS 颜色列表浏览器（约 140 条），点击即可加载。
使用方法
1. 在输入框中输入 hex 值，或调整 R/G/B 数字字段（0-255，会被钳制），它们会自动同步更新 hex。 2. “最接近匹配”卡片列出前三个具名颜色，附带色样、hex、RGB 和匹配百分比。 3. 展开“浏览全部”，可按名称或 hex 在完整具名颜色列表中搜索。 4. 点击浏览网格中的任意色样，将其作为当前颜色加载；点击复制图标可复制 hex 值。
匹配算法与浏览
距离在 RGB 空间中为 `sqrt((r2-r1)^2 + (g2-g1)^2 + (b2-b1)^2)`；结果按升序排序并返回前三个。匹配百分比为 `(1 - distance / sqrt(3*255^2)) * 100`。浏览列表包含标准 CSS3 具名颜色（从 Alice Blue 到 Yellow Green），并按名称或 hex 子串进行不区分大小写的过滤。选择某个颜色后会滚回顶部。
▶匹配百分比是如何计算的？
计算方式为 `1 - distance / maxDistance`，其中 distance 是欧氏 RGB 距离，maxDistance 为 `sqrt(255^2 * 3)`。完全匹配得分为 100%。
▶是否支持 3 位简写 hex 值？
不支持。解析器只接受带或不带前导 `#` 的 6 位 hex 值。像 `#fff` 这样的 3 位简写无法解析，输入也不会据此更新。
▶浏览列表中有多少种具名颜色？
约有 140 条来自 CSS3 具名颜色规范的条目，从 Alice Blue 到 Yellow Green，包括基本的 16 种颜色和扩展名称。
▶为什么我的 R/G/B 字段和 hex 有时会不一致？
它们会保持同步：编辑 hex 会更新 R/G/B，编辑某个通道会更新 hex。但是，极快的编辑可能会短暂显示过期值，因为每个字段都使用其他字段的当前状态。
如果这个工具对你有帮助的话，请考虑请我喝杯咖啡。
请给我买杯咖啡吧。