互补色生成器
使用这款互补色生成器，查找任意基色的互补色。输入 3 位或 6 位十六进制代码，工具会在 HSL 色轮上将色相旋转 180 度，同时保持饱和度和亮度不变，然后以十六进制代码返回基色及其互补色。非常适合需要为按钮、强调内容、图表和品牌图形选择高对比度点缀色的设计师和开发者。
常见问题
互补色生成器会返回什么？
它会以 6 位小写十六进制代码返回两种颜色。颜色 1 是你的基色，颜色 2 是其互补色，也就是色轮上与基色正好相对的颜色。
互补色是如何计算的？
工具会将你的十六进制代码转换为 HSL，将色相增加 180 度，并保持饱和度和亮度不变。旋转后的值会转换回 RGB，并写成十六进制代码，因此互补色与基色具有相同的鲜艳度和亮度。
可以输入哪些颜色格式？
输入 3 位或 6 位十六进制代码，可带或不带开头的 #，大小写均可，例如 #ff5733、FF5733 或 #f00。此处不接受 RGB 和 HSL 表示法及颜色名称，请先使用颜色转换器将它们转换为十六进制代码。
为什么颜色 1 与我输入的十六进制代码略有不同？
基色会先转换为 HSL，其色相、饱和度和亮度均取整数，然后再转换回十六进制代码，因此某个通道可能会相差一个单位。例如，#ff5733 转换回来后是 #ff5833，其互补色为 #33daff。
纯红色的互补色是什么？
#ff0000 的互补色是 #00ffff，也就是青色。此工具使用基于 RGB 的 HSL 色轮，该色轮用于屏幕显示，因此红色与青色互补，而传统画家使用的色轮中红色与绿色互补。
黑色、白色或灰色会怎样？
中性色的饱和度为零，因此旋转色相不会改变颜色，两种结果都是相同的灰色。如果需要明显的互补色，请选择带有一定饱和度的基色。
设计中应该如何使用互补色组合？
大部分区域使用一种颜色，再少量使用互补色来突出行动号召、强调内容或希望醒目的数据。两种颜色都以最高饱和度等量使用时，视觉上往往会产生振动感，因此大面积使用时，可将其中一种调浅或调深。
此工具会检查文本对比度吗？
不会，它只会计算颜色组合。互补色会保留基色的亮度，因此两种颜色的相对亮度可能相近，文本对比度也可能较低；将一种颜色用于另一种颜色上的文本前，请使用 WCAG 对比度检查器检查这组颜色。
可以一次输入多种颜色吗？
不可以，每次运行只能输入一个十六进制代码。包含多行或额外文本的输入会被拒绝并显示错误消息，因此请针对每种基色分别运行一次工具。
结果与调色板生成器的结果相同吗？
相同。此工具使用与调色板生成器中的“互补色”选项相同的算法，因此相同的基色在两个工具中始终会得到相同的两种十六进制代码。