互补色

什么是互补色？

互补色是色轮上与另一种颜色直接相对的颜色。在屏幕使用的 RGB 加色模型中，互补色通过反转每个通道产生：如果你的颜色是 (R, G, B)，其补色就是 (255−R, 255−G, 255−B)。例如，天蓝色 #0EA5E9（14, 165, 233）的互补色是暖橙红色 #F51A16（241, 90, 22）。

因为互补色对位于色轮的相对两侧，它们并排放置时会产生最强的视觉对比。这使它们成为艺术、设计和无障碍领域色彩理论的基石——它们吸引眼球，使文字突出，并可以构成整个品牌调色板的基础。

互补色是如何计算的

在 RGB 模型中，互补色通过将每个通道从 255 中减去来找到。数学公式很简单：

R' = 255 − R
G' = 255 − G
B' = 255 − B

例如，天蓝色 #0EA5E9 的 R=14、G=165、B=233。其互补色为 R'=241、G'=90、B'=22，即 #F51A16。这是加法补色——当与原色以等量光相加时，产生中灰色的颜色。本工具在你拾取颜色时实时执行反转。

何时使用互补色

每当需要强对比或平衡的双色方案时，互补色都很有用：

• 行动号召按钮。 互补色强调使按钮在页面背景上突出。
• 文字对比。 将颜色与其补色配对是达到 WCAG 对比度目标的最简单方法之一。
• 品牌调色板。 许多标志使用两种互补色以实现即时识别。
• 艺术和插画。 互补色对创造鲜艳的阴影和高光。
• 数据可视化。 对立颜色有助于一眼区分两个数据系列。

谨慎使用互补色——在完全饱和和等面积时，它们可能在视觉上产生振动。通常的规则是让一种颜色占主导，将互补色用作强调。

互补色与类似色和三色组

互补色是几种经典色彩和谐之一。互补方案使用色轮上直接相对的两种颜色——最大对比，最小调色板。类似方案使用彼此相邻的三种颜色——低对比，平静且协调。三色组方案使用均匀间隔 120° 的三种颜色——平衡且鲜艳。四色组（矩形）方案使用两对互补色，形成丰富的四色调色板。

互补色是这些和谐中最简单和最引人注目的。当你需要清晰的焦点或双色调品牌标识时效果最佳。当需要更多细微差别时，改用类似色或三色组。

如何查找互补色

使用本工具查找互补色只需一秒，完全在浏览器内完成。无需上传、无需注册、无需安装。请按以下步骤操作：

1. 拾取颜色。 使用颜色选择器，或在 RGB 输入框中输入红、绿、蓝值（0–255）。
2. 查看结果。 互补色 HEX 代码和 RGB 值实时更新，并排色块方便比较。
3. 复制 HEX。 点击"复制 HEX"复制互补色，然后粘贴到你的 CSS 或设计工具中。

每一步都使用 JavaScript 在浏览器中本地运行，因此你的颜色选择永远不会离开浏览器。这使得工具完全私密且即时。