# 互补色生成器

使用这款互补色生成器，查找任意基色的互补色。输入 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 对比度检查器检查这组颜色。

### 可以一次输入多种颜色吗？

不可以，每次运行只能输入一个十六进制代码。包含多行或额外文本的输入会被拒绝并显示错误消息，因此请针对每种基色分别运行一次工具。

### 结果与调色板生成器的结果相同吗？

相同。此工具使用与调色板生成器中的“互补色”选项相同的算法，因此相同的基色在两个工具中始终会得到相同的两种十六进制代码。

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)