颜色名称查找
为不透明 HEX 查找列表中 RGB 距离最近的 CSS 颜色名，比较距离，并以 HEX、RGB 或 HSL 复制该命名颜色。
HEX 草稿可继续编辑；有效的 #fff 会在结果中展开。离开输入框时会规范化有效输入。不完整或无效输入会清空结果。
请输入恰好 3 位或 6 位十六进制数字，可带 #；不支持透明度通道。
最近指 RGB8 欧氏距离最小：√((R₁−R₂)²+(G₁−G₂)²+(B₁−B₂)²)。这不是感知模型或通用命名规则。距离相同时保留字典顺序；CSS 同义名可能共享色值。
您的颜色
最接近的匹配
RGB 距离:
以下数值属于匹配到的命名颜色。
列表中没有颜色符合当前筛选。
已复制
复制失败。请选择结果并手动复制。
方法与解读
最近指 RGB8 欧氏距离最小：√((R₁−R₂)²+(G₁−G₂)²+(B₁−B₂)²)。这不是感知模型或通用命名规则。距离相同时保留字典顺序；CSS 同义名可能共享色值。
HEX 接受 3 位或 6 位数字，可带 #，不含透明度。HSL 从 RGB 通道计算。Red、White 等名称在所有界面语言中仍是 CSS 标识。
匹配使用未四舍五入的距离。距离显示两位小数，HSL 显示整数角度和百分比。距离 0 表示 RGB 字节完全相同；显示为很小的舍入值不一定完全相同。
热门工具
关于颜色名称查找
为不透明 HEX 查找列表中 RGB 距离最近的 CSS 颜色名，比较距离，并以 HEX、RGB 或 HSL 复制该命名颜色。
选择器分析一个颜色，浏览模式展示保留的 CSS 关键字列表。搜索匹配英文 CSS 标识或 HEX，分类用于筛选。选择名称会返回选择器。复制卡片描述的是匹配到的命名颜色，可能与输入不同。
#ff0000 匹配 Red，距离 0：rgb(255, 0, 0)，hsl(0, 100%, 50%)。#fff 匹配 White。xyz 清空结果；no-such-color-demo 不返回浏览项。
计算使用当前页面中的值，不发送此工具专用的服务器请求。这些工具不保存结果历史或收藏。网站主题可能从 localStorage 读取；网站其他部分仍可能发送自己的请求。
使用场景
如何使用
输入 HEX 或用选择器选色。
比较输入色与最近的 CSS 色块，并查看 RGB 距离。
查看命名颜色的 HEX、RGB、HSL，点击卡片复制。
切换到浏览，搜索 CSS 标识或 HEX，并按需筛选分类。
选择一个名称返回选择器；无结果时清除搜索或分类。
专业提示
- 复制前比较规范化的输入 HEX 与命名色块。RGB/HSL 卡片复制命名色块。浏览结果为空只表示当前搜索与分类没有匹配项，请修改或清除筛选。
- 列表包含此处实现的 CSS 名称，并非数千种创意名称、油漆色名或商业色名。分类和接近程度标签是工具的启发式规则，不保证感知上的接近。无效草稿不会产生匹配。
- 颜色名称来自多个来源，包括CSS命名颜色
- 使用颜色名称使代码更具可读性
- 相同颜色可能有多个名称
故障排除
请输入恰好 3 位或 6 位十六进制数字，可带 #；不支持透明度通道。
HEX 草稿可继续编辑；有效的 #fff 会在结果中展开。离开输入框时会规范化有效输入。不完整或无效输入会清空结果。
无法复制。请选择显示的结果并手动复制。
复制前比较规范化的输入 HEX 与命名色块。RGB/HSL 卡片复制命名色块。浏览结果为空只表示当前搜索与分类没有匹配项，请修改或清除筛选。
常见问题解答
没有。有效 HEX 会与名称字典比较并返回 RGB 最近的条目。只有距离 0 才表示色值相同；近似匹配不会赋予新的标准名称。
CSS 包含 Aqua/Cyan、Fuchsia/Magenta 等同义名。它们的 RGB 相同，因此查找时先出现的等距条目胜出；浏览模式仍可分别选择这些标识。
列表包含此处实现的 CSS 名称，并非数千种创意名称、油漆色名或商业色名。分类和接近程度标签是工具的启发式规则，不保证感知上的接近。无效草稿不会产生匹配。
CSS 包含 Aqua/Cyan、Fuchsia/Magenta 等同义名。它们的 RGB 相同，因此查找时先出现的等距条目胜出；浏览模式仍可分别选择这些标识。