跳转到正文

分裂互补色生成器

使用这款分裂互补色生成器,从一种基色生成分裂互补配色方案。输入 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。

如何使用分裂互补色板?

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

黑色、白色或灰色会怎样?

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

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

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

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

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

关于 OneClick Pro

OneClick Pro 是一个免费的工具集合,包含超过 150 种网络工具,助你处理日常工作:转换图像和单位、格式化和验证代码、检查域名和 SEO,以及处理文本、日期和数字。所有工具均可免注册、免订阅使用;你输入的内容仅用于计算结果,绝不会被存储。你可以将它用作处理临时任务的快捷工具箱,也可以收藏每天都会用到的工具。