分裂互补色生成器
使用这款分裂互补色生成器,从一种基色生成分裂互补配色方案。输入 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。
如何使用分裂互补色板?
将基色用作主色,并用两种分裂互补色作为次要操作、高亮或图表系列的点缀色。由于这些点缀色并非完全相反,与直接互补色相比,它们与基色的冲突较小。
黑色、白色或灰色会怎样?
中性色的饱和度为零,因此无论如何旋转色相,结果都是相同的灰色。选择带有一定饱和度的基色,即可得到三种不同的颜色。
此工具会检查文字对比度吗?
不会,它只负责计算颜色。三种颜色的亮度都与基色相同,因此发布前请使用对比度检查工具检查文字与背景的组合。
输出结果与调色板生成器相同吗?
是的。此工具执行的计算与调色板生成器中的分裂互补选项完全相同,因此对于相同的基色,两者会返回相同的十六进制代码。