HEX 颜色转颜色名称
查找 HEX 颜色的名称：输入 HEX 代码（#RRGGBB、#RGB，可带或不带 #），即可通过 RGB 欧氏距离获得最接近的 CSS 颜色名称、是否精确匹配，以及附近颜色名称的排序列表。
输入
HEX 颜色代码，例如 #FF5733、FF5733、#F53 或 F53（可带或不带 #）。
列出最接近的 CSS 颜色名称的数量。
输出
当 HEX 与某个 CSS 颜色完全相同时显示“Exact match”，否则显示“Closest match”。
| 颜色名称 | HEX | RGB | 距离 |
|---|---|---|---|
| No data yet | |||
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/hex-color-to-name \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"hexColor": "#FF0000",
"matchCount": "5"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `hex-color-to-name` tool (HEX Color to Name) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/hex-color-to-name/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HEX 颜色转颜色名称 — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。
| 每次 API/MCP 调用费用 | 5 积分起 |
|---|---|
| 需要更多积分? | 查看定价 |
也可通过
使用指南
将任意 HEX 代码转换为颜色名称
您是否有过像 #6395EE 这样的 HEX 值，却不知道该如何称呼它？这个工具可以接收任意 HEX 颜色代码，并找到最接近的 CSS 命名颜色——例如 red、tomato、cornflowerblue 这类浏览器原生支持的、易于理解的关键字，以及与 rebeccapurple 相近的颜色名。粘贴代码后，您即可获得最接近的名称、是否为精确匹配，以及一份与您的颜色最相近的简短列表。
它完全在您的浏览器中运行。您输入的任何内容都不会被上传或记录。
使用方法
- 在输入框中输入 HEX 颜色。所有常见格式均可接受：
#FF5733、FF5733、三位简写#F53，或F53——带或不带开头的#均可。 - 可选：选择要列出多少个相近颜色（1–10）。
- 查看结果：最接近的颜色名称、Exact match / Closest match 标识，以及一个表格，其中列出最接近的 CSS 颜色及其 HEX、RGB 和距离值。您可以复制名称，或将完整列表下载为 CSV。
最接近颜色的计算方法
该工具会将您的颜色与 140 种标准 CSS3 / X11 命名颜色进行比较——也就是您编写 color: teal 时浏览器所解析的同一份列表。每种命名颜色都有规范中定义的精确 RGB 值。
匹配使用 RGB 空间中的欧氏距离：它将每种颜色视为一个点 (R, G, B)，并计算您的颜色与每种命名颜色之间的直线距离：
distance = √( (R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)² )距离最小的名称胜出。距离为 0.00 表示您的 HEX 与该 CSS 颜色完全相同，工具会将其标记为 Exact match。其他任何值都是 Closest match，距离数值显示了偏差的大小——较小的数值（约 10 以下）在视觉上几乎无法区分，而较大的数值则表示明显不同的色调。
为什么使用 RGB 距离？
RGB 欧氏距离快速、透明且具有确定性——相同的输入总会得到相同的结果。这是回答“这个颜色该叫什么”这类问题的标准方法。它对每个通道赋予相同的权重，因此并不是人类视觉的完美模型，但对于在固定的 140 项调色板中为颜色命名而言，它的准确性已经绰绰有余，而排序列表也让您可以自行比较其他选项。
什么才算精确匹配？
只有与某个 CSS 颜色的标准值完全相同的 HEX 代码才算。例如，#FF0000 正好是 red，#2E8B57 正好是 seagreen，而 #00FFFF 会解析为 aqua（其靠前列出的同义词 cyan 具有相同的值）。
常见问题
它能离线使用吗？
可以。全部 140 个颜色值以及匹配计算都随页面一起加载，并在客户端运行，因此无需网络连接即可工作，并且您的输入保持私密。
我能反过来，从名称查找 HEX 代码吗？
此工具只支持从 HEX 到名称的转换。由于表格中会显示每个匹配项的 HEX 和 RGB，您也可以在结果中找到您心中想到的名称，以此来核对它。
可以粘贴哪些格式？
六位 HEX（#RRGGBB）和三位简写（#RGB，通过将每位数字重复一次展开），两者均可带或不带 #。任何无效的 HEX 都会被拒绝，并显示清晰的提示信息。