# 分裂互补色生成器

使用这款分裂互补色生成器，从一种基色生成分裂互补配色方案。输入 3 位或 6 位十六进制代码，该工具会返回基色，以及在 HSL 色轮上位于其互补色两侧、分别相隔 150 和 210 度的两种色相，并以十六进制代码表示。适合希望获得强烈对比、同时比单纯互补色组合更协调的设计师和开发者。

## 常见问题

### 分裂互补色生成器会返回什么？

它会返回三种颜色，以 6 位小写十六进制代码表示。颜色 1 是你的基色，颜色 2 是旋转 150 度后的色相，颜色 3 是旋转 210 度后的色相。

### 什么是分裂互补配色方案？

它使用基色对面的单一颜色旁边的两种颜色，这两种颜色分别位于其两侧 30 度处。这样既保留了互补色组合的大部分对比效果，又让配色更容易平衡。

### 它是如何计算的？

工具会将十六进制代码转换为 HSL，将色相分别增加 150 和 210 度，并按 360 度循环。饱和度和亮度保持不变，每个结果都会转换回十六进制代码。

### 纯红色的分裂互补色是什么？

对于 #ff0000，工具会返回 #ff0000、#00ff80 和 #0080ff，分别是青色两侧的春绿色和天蓝色。工具使用基于屏幕的 HSL 色轮，因此结果不同于画家使用的红、黄、蓝色轮。

### 可以输入哪些颜色格式？

输入一个 3 位或 6 位十六进制代码，可带或不带 #，例如 #3366cc 或 36c。不接受 RGB 和 HSL 字符串或颜色名称，请先将其转换为十六进制。

### 为什么结果中的基色略有不同？

色相、饱和度和亮度会四舍五入为整数，因此将颜色转换为 HSL 再转换回来时，某个通道可能会偏移一个单位。例如，#ff5733 转换回来后会变成 #ff5833，旁边还有 #33ffbe 和 #3374ff。

### 如何使用分裂互补色板？

将基色用作主色，并用两种分裂互补色作为次要操作、高亮或图表系列的点缀色。由于这些点缀色并非完全相反，与直接互补色相比，它们与基色的冲突较小。

### 黑色、白色或灰色会怎样？

中性色的饱和度为零，因此无论如何旋转色相，结果都是相同的灰色。选择带有一定饱和度的基色，即可得到三种不同的颜色。

### 此工具会检查文字对比度吗？

不会，它只负责计算颜色。三种颜色的亮度都与基色相同，因此发布前请使用对比度检查工具检查文字与背景的组合。

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

是的。此工具执行的计算与调色板生成器中的分裂互补选项完全相同，因此对于相同的基色，两者会返回相同的十六进制代码。

在这里投放广告？

[给我们发邮件](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)