任意 HEX 或 RGB 色值的颜色名称查询器
颜色名称查询器会为你输入的任意 HEX 或 RGB 色值找出最接近的颜色名称。输入代码、粘贴色值，或用可视化取色器挑选一种色调，工具就会立刻给出最接近的名称，让你不再苦苦猜测「#FF6347」到底叫什么。
它专为设计师、开发者，以及所有需要一个易读名称而非原始代码的人打造。你可以在每个浏览器都识别的标准 CSS 颜色集，和一套更具描述性的扩展名称之间切换，然后把结果直接复制到样式表、设计稿或文档里。
如何查询颜色名称
输入你的颜色
输入或粘贴 HEX 代码（#FF5733 或 FF5733），填写 RGB 数值（255, 87, 51 或 rgb(255, 87, 51)），或点击颜色预览，用可视化取色器挑选一种色调。
选择名称库
在 CSS（浏览器识别的标准颜色名称）和 扩展（更具描述性、更有创意的名称）之间切换。切换时会立即重新匹配你当前的颜色。
查看匹配结果
把最接近的颜色名称与你的颜色并排对照，查看显示接近程度的匹配度、Delta E 数值，以及匹配颜色的 HEX 和 RGB 值。
探索并复制
点击任意相似颜色对比备选方案，然后一键复制名称、HEX 或 RGB，用到你的 CSS、设计工具或笔记中。
功能特点
双颜色名称库
在每个浏览器都通用的标准 CSS 颜色集，和一套更具描述性、更有创意的扩展颜色名称之间切换。
Delta E 2000 颜色匹配
匹配采用 CIEDE2000 算法，这是衡量颜色感知差异的行业标准，因此结果更贴近人眼真实所见。
匹配度与 Delta E 显示
百分比评分和 Delta E 数值精确显示匹配的接近程度，并用颜色标签区分优秀、良好和一般的匹配。
相似颜色推荐
查看另外四个同样接近你输入色值的名称，点击其中任意一个即可探索该颜色及其详情。
多种输入格式
用 HEX（#FF5733 或 FF5733）或 RGB（255, 87, 51 或 rgb(...)）输入颜色，工具会自动识别格式。
可视化取色器
点击颜色预览即可打开原生取色器，挑选任意色调，立刻看到最接近的颜色名称。
一键复制
一键复制颜色名称、HEX 或 RGB 值，并立即得到已存入剪贴板的确认提示。
颜色历史
最近用过的颜色会自动保存，最多 20 个，点击任意色块即可在几秒内重新查询。
数据全程本地保密
所有匹配都在你的浏览器中运行。颜色绝不会上传，历史记录只保存在你自己的设备本地。
常见问题
如何用 HEX 代码查询颜色的名称？
把 HEX 代码（例如 #FF6347）粘贴或输入到输入框中。工具会立刻匹配出最接近的颜色名称，并显示名称、匹配度，以及可复制的匹配 HEX 和 RGB 值。
如何用 RGB 查询颜色名称？
在同一个输入框中填写 RGB 数值，写成 255, 87, 51 或 rgb(255, 87, 51)。工具会自动识别格式，立即显示最接近的颜色名称。
什么是 Delta E，它为什么重要？
Delta E（ΔE）衡量两种颜色之间的感知差异。数值为 0 表示完全相同，小于 1 时大多数人难以察觉，数值很大则表示颜色明显不同。本工具采用 Delta E 2000（CIEDE2000），这是符合人眼颜色感知的最精确标准，因此查到的名称看起来确实和你的颜色一致。
CSS 库和扩展库有什么区别？
CSS 库收录的是可在每个浏览器中作为关键字使用的标准颜色名称，例如 Red、Coral 和 SkyBlue。扩展库则增加了大量更具描述性的名称，如 Dusty Rose、Ocean Blue 和 Terracotta，非常适合设计文档和为自定义色调命名。
最接近的颜色名称匹配有多准确？
匹配采用 CIEDE2000 算法，与印刷、制造和设计行业所用的标准相同。它会考虑人眼对颜色差异的感知方式，因此远比简单的 RGB 距离计算更准确。
为什么我的颜色没有显示 100% 匹配？
只有当你的颜色与名称库中的某个颜色完全一致时，才会出现 100% 的评分。大多数自定义颜色都落在 90% 以上的高分区间，这同样表示非常接近的匹配。可以查看相似颜色列表，看看是否有另一个名称更贴近你想要的效果。
这些颜色名称能直接用在 CSS 里吗？
可以。CSS 库中的名称都是有效的 CSS 颜色关键字，因此你可以直接写进样式表，例如 color: tomato;。扩展名称仅供参考和文档使用，所以在代码中请使用它们的 HEX 或 RGB 值。
我的颜色数据会被保存或分享吗？
不会。每一次匹配都完全在你的浏览器中进行，你的颜色绝不会上传到任何地方。最近颜色历史只保存在浏览器的本地存储中，你可以随时清空。
还没有评论，快来发表第一条！