互补色生成器介绍
互补色是色轮上相隔 180 度的颜色组合，如红色与青色、蓝色与橙色。互补色并置时对比最强烈、视觉冲击力最大，是海报设计、按钮强调、运动品牌中常见的搭配手段。
严格来说互补色有两种算法：RGB 反转法直接用 255 减去红绿蓝三个通道，得到的是光学意义上的反色；HSL 旋转法只把色相旋转 180 度、保持饱和度与亮度不变，得到的互补色观感更协调，是设计圈更常用的算法。
本工具同时给出两种互补色结果，并提供三等分配色（色相间隔 120 度）与拆分互补（互补色左右各偏移 30 度）方案，输入一个主色即可获得一整套高对比配色。
使用步骤
- 11：在输入框中填写 HEX 色值，或点击色块用取色器选择主色
- 22：页面实时计算 RGB 反转色、HSL 旋转互补色、三等分与拆分互补方案
- 33：点击任意结果色块或色值标签即可复制 HEX
- 44：参考对比预览区判断搭配效果是否合适
适用场景
- 为落地页主按钮挑选与背景高对比的强调色
- 为运动、科技类海报构建撞色标题
- 给品牌主色扩展一套辅助配色系统
- 检查 Logo 在反色背景下的可读性
实用小贴士
- HSL 旋转法得到的互补色通常比 RGB 反转法更耐看，优先参考旋转法结果
- 互补色对比强烈但容易刺眼，建议一方做主色另一方只做点缀
- 在文字场景使用互补色时务必复核对比度是否达到 WCAG AA 标准
常见问题
互补色和反色是一回事吗？
严格来说不是。反色是 RGB 通道取反的结果，互补色是色轮上相隔 180 度的颜色。本工具把两种算法都列出来，方便按需选择。
为什么我的互补色看起来很脏？
如果原色饱和度或亮度很低，互补色也会同样发灰。可以先把原色调整到饱和度 60 以上再计算互补色。
三等分配色和互补色哪个更安全？
三等分配色色相间隔 120 度，冲突感低于互补色，适合需要多色但不想太刺激的场景。