HEX颜色到颜色名称转换器
指导
HEX颜色到颜色名称转换器
即时将任何 HEX 颜色代码转换为最接近的 CSS/HTML 命名颜色。输入十六进制值或使用可视化颜色选择器查找最匹配的颜色名称，其中包含相似度分数和并排色板比较。
如何使用
在输入字段中输入 HEX 颜色代码或单击颜色选择器进行可视化选择。该工具使用 RGB 距离计算即时找到最接近的 5 种 CSS 命名颜色。每个匹配项都显示颜色样本比较、颜色名称、其 HEX 值和相似度百分比。您还可以使用反向查找选项卡按颜色名称搜索并获取其 HEX 代码。
特征
- 最近的颜色匹配 – 使用 RGB 空间中的欧几里得距离，为任何 HEX 输入查找最接近的 CSS3 命名颜色
- 前 5 名匹配项 – 查看按相似度百分比排名的五个最接近的颜色名称
- 可视化颜色选择器 – 使用本机浏览器颜色选择器可视化选择颜色
- 色板比较 – 并排显示您的输入颜色与每个匹配的命名颜色
- 反向查找 – 按颜色名称搜索以查找其精确的 HEX 代码
- 140 种 CSS3 颜色 – 所有标准 CSS/HTML 命名颜色的完整数据库
- 一键复制 – 即时将任何 HEX 值复制到剪贴板
- 仅客户端 – 所有处理都在您的浏览器中进行，不将任何数据发送到服务器
常问问题
-
CSS3 中有多少种命名颜色？
CSS3 精确定义了 140 种命名颜色（也称为扩展颜色或 X11 颜色）。这些颜色包括从红色、蓝色和绿色等基本颜色到更具体的色调，如矢车菊蓝、暗橄榄绿和 Papaya Whip。所有现代浏览器都识别所有 140 种名称，这使得它们成为 Web 开发中指定颜色的可靠方式，而无需记住十六进制代码。
-
欧几里得距离如何用于颜色匹配？
RGB 空间中的欧几里得距离将每种颜色视为 3D 空间中的一个点，其中轴是红色、绿色和蓝色值（0-255）。两种颜色之间的距离计算为每个通道的平方差之和的平方根。距离为 0 表示精确匹配，而黑色 #000000 和白色 #FFFFFF 之间的最大可能距离约为 441。这提供了颜色相似度的简单而快速的近似值。
-
为什么最近的命名颜色看起来可能与我的输入不同？
CSS3 只有 140 种命名颜色，而可能的十六进制颜色超过 1600 万种，因此精确匹配很少见。最近的命名颜色是可用的最接近的选项，但对于不寻常的色调，差距可能很大。相似度百分比可帮助您衡量匹配的实际接近程度 — 95% 以上的视觉效果非常接近，而低于 80% 的匹配可能看起来明显不同。
-
RGB 距离和感知颜色差异之间有什么区别？
RGB 欧几里得距离平等对待所有颜色通道，但人眼对某些颜色差异比其他颜色更敏感。CIEDE2000 (deltaE) 等感知颜色差异公式会考虑人类实际感知颜色的方式，将绿色敏感度加权更高，并考虑色调变化。RGB 距离计算速度更快，足以满足大多数用例，而 deltaE 对于专业颜色工作更为准确。
