在线颜色反转工具

在线颜色反转工具说明

颜色反转会将每个 RGB 通道替换为与 255 的差值。黑色变为白色，白色变为黑色，其他颜色会得到对应的反转颜色。

使用方法：在线颜色反转工具

1. 使用原色面板的色板或色相条选择颜色，也可以输入 HEX、RGB、HSV 或 HSL 数值。
2. 点击“生成反色”，结果面板会显示计算后的反转颜色及全部颜色参数。
3. 结果参数可以继续手工修改，各种颜色格式会自动联动。
4. 点击“复制全部”保存完整文字结果，点击“清空”恢复默认状态。

工具作用

• 快速计算单个颜色的RGB反色。
• 为单色图标或界面方案生成候选颜色。
• 生成高反差配色候选，并同时获得多种颜色格式。
• 为设计中的单色区域生成反色候选。

计算原理

应用场景

• 网页与 UI 设计：测试反色主题、深浅模式及高反差视觉方案。
• 图标设计：快速检查单色图标反转后的清晰度和识别度。
• 数据可视化：生成与当前色板差异明显的辅助颜色。
• 无障碍检查：观察颜色反转后文字与背景的对比关系。
• 创意设计：用于海报、故障艺术、霓虹风格和特殊配色探索。

隐私说明

颜色计算完全在当前浏览器中完成，不会上传输入数据。

具体示例

假设您有一个品牌色 #336699（RGB: 51, 102, 153）。点击“生成反色”后，工具会计算每个通道的补值：红色 255-51=204，绿色 255-102=153，蓝色 255-153=102，得到反色 #CC9966（RGB: 204, 153, 102）。您可以在结果面板中看到这个颜色及其 HEX、RGB、HSV、HSL 值，并直接复制使用。

常见问题

反转颜色后，为什么有时得到的颜色看起来对比度不够？

颜色反转只是将每个 RGB 通道取反，并不保证与原始颜色形成足够的 WCAG 对比度。例如，中等亮度的灰色反转后仍是灰色，对比度可能较低。若需要高对比度配色，请使用专门的对比度检查工具。

可以输入半透明颜色吗？

本工具只处理不透明颜色，不保留alpha。半透明输入不会替换当前有效颜色；请先选取不透明RGB值。

能否从 HSV 或 HSL 值直接反转？

工具会先将 HSV 或 HSL 转换为 RGB，再对 RGB 通道取反，最后重新计算所有格式。因此，从任何格式输入，得到的反色结果都是基于 RGB 反转的。

仅处理一个不透明颜色，每个RGB通道取255减原值；#336699得到#CC9966。手动修改结果后可能不再满足反色关系，重新生成会按原色恢复计算。非不透明颜色输入会被拒绝，字段恢复上次有效值。没有图片上传或下载，也不会自动验证WCAG对比度。

在原色面板用HEX、RGB、HSV、HSL或色板选择颜色，点击生成反色，再复制或手动编辑结果。再次生成仍使用原色；要反转两次，请先把第一次的结果填回原色面板。