色彩距离计算器
测量两种颜色在视觉上的相似度或差异程度：输入两种十六进制颜色，以获得欧几里得 RGB 距离、感知加权 redmean 距离和易于理解的相似度评分。
输入
要比较的第一个十六进制颜色。
要比较的第二个十六进制颜色。
输出
| 指标 | 值 |
|---|---|
| No data yet | |
使用此工具的更多方式
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-distance-calculator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"colorA": "#000000",
"colorB": "#FFFFFF"
}'替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。
让 AI 代理执行
Use the IOTools `color-distance-calculator` tool (Color Distance Calculator) on this input:
YOUR_INPUT_HERE将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。
嵌入式小组件
<iframe
src="https://iotools.cloud/embed/color-distance-calculator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="色彩距离计算器 — 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 积分起 |
|---|
也可通过
使用指南
输入两个十六进制颜色，此工具将测量它们在视觉上的相似度或差异程度——有用于检查品牌颜色是否发生偏移、消除调色板中的重复项、选择可区分的图表颜色或验证设计标记的变化是细微而非剧烈。
"色彩距离"的含义
色彩距离是表示两种颜色相距多远的数值分数。最简单的方法是将颜色视为三维 RGB 空间（红、绿、蓝，各 0–255）中的一个点，并测量两个点之间的直线距离：
欧几里得 RGB 距离： √((R1−R2)² + (G1−G2)² + (B1−B2)²)
这个范围从 0（颜色相同）到大约 441.67（纯黑色对比纯白色——RGB 立方体中最远的两个点）。计算很容易，但与人类感知的匹配程度不佳：眼睛对某些色调和亮度范围的敏感度远高于其他范围，因此具有相同欧几里得距离的两对颜色看起来可能在"相距"的方式上有很大差异。
Redmean 距离是一种众所周知的低成本修正，它根据色彩对的亮度（通过平均红色值）对每个通道的平方差进行加权，近似人类敏感度而无需进行完整色彩空间转换的开销：
ΔC = √((2 + r̄/256)×ΔR² + 4×ΔG² + (2 + (255−r̄)/256)×ΔB²)，其中 r̄ 是两个红色值的平均值。
由于对通道进行了更多加权，同一对的 redmean 值高于欧几里得值——它们处于不同的尺度上，而不是同一数字的"更精确"版本，因此应单独比较它们，而不是期望它们一致。
如何使用
- 输入或选择颜色 A。
- 输入或选择颜色 B。
- 结果表会立即更新，显示两个十六进制值、欧几里得 RGB 距离、redmean 距离以及基于欧几里得分数的简单语言相似度评分（相同、非常相似、明显不同或非常不同）。
FAQ
我应该实际使用哪个数字？ 对于快速的健全性检查（"这基本上是同一种颜色吗？"），欧几里得距离简单直观。如果比较的颜色是人们实际上会并排查看的颜色（UI 调色板、品牌一致性检查），请依靠 redmean 值——它更密切地反映感知差异。
什么被认为是"相似"？ 评分段（0 = 相同，最高 25 = 非常相似，最高 100 = 明显不同，100 以上 = 非常不同）基于欧几里得距离在其 0–441.67 范围内。它们是经验法则，而不是经过认证的感知标准——对于无障碍对比（文本可读性），应使用对比度比工具代替，因为对比度和色彩距离测量的是不同的事物。
这是否考虑了色盲？ 否。两个公式都基于标准 RGB 值运行，不针对任何特定形式的色觉缺陷进行建模。
我可以使用 3 位十六进制代码（如 #f0c）吗？
可以——缩写十六进制符号（#rgb）在比较前自动扩展为完整的 6 位形式。
我的色彩数据会被发送到任何地方吗？ 否——一切都完全在您的浏览器中运行。没有任何数据被上传或存储。