三角色生成器
使用这款三角色生成器,根据一种基色构建三角色配色方案。输入 3 位或 6 位十六进制代码,工具会返回 HSL 色轮上间隔 120 度的三种颜色;它们都保留基色的饱和度和亮度,并以可直接粘贴的十六进制代码提供。非常适合希望为界面、插图和品牌系统创建均衡鲜明调色板的设计师和开发者。
常见问题
三角色生成器会返回什么?
它会以 6 位小写十六进制代码返回三种颜色。颜色 1 是基色,颜色 2 是色相旋转 120 度后的颜色,颜色 3 是色相旋转 240 度后的颜色。
三角色配色方案是如何计算的?
该工具会将你的十六进制代码转换为 HSL,将色相增加 120 和 240 度,并将结果绕 360 度循环。饱和度和亮度保持不变,因此这三种颜色都与基色具有相同的明度和强度。
纯红色的三色组合是什么?
对于 #ff0000,该工具会返回 #ff0000、#00ff00 和 #0000ff,即三个 RGB 原色。这说明该工具使用基于屏幕的 HSL 色轮,而不是传统绘画中的红、黄、蓝色轮。
可以输入哪些颜色格式?
输入 3 位或 6 位十六进制代码,可带 # 也可不带,例如 #3366cc 或 36c。不接受 RGB 和 HSL 表示法及颜色名称,请先将其转换为十六进制。
为什么我的基色返回时略有变化?
计算使用整数色相、饱和度和亮度,因此将基色转换为 HSL 再转回来时,某个颜色通道可能会变化一个级别。例如,#ff5733 会变成 #ff5833,另外两种颜色是 #33ff58 和 #5833ff。
怎样使用三色配色而不显得过于鲜艳?
让一种颜色占主导地位,另外两种用作点缀,例如按表面面积的 60%、30% 和 10% 分配。从饱和度较低或较暗的基色开始,能得到更柔和的三色组合,因为三种颜色都会继承基色的饱和度和亮度。
黑色、白色或灰色会怎样?
中性色没有饱和度,因此旋转色相三次都会得到相同的灰色。选择带有一定饱和度的基色,即可获得三种不同的颜色。
三色配色和四色配色有什么区别?
三色配色中的三种颜色彼此相隔 120 度,而四色配色中的四种颜色彼此相隔 90 度。三色组合通常更容易平衡;需要第四种色相时,请使用四色配色生成器。
该工具会检查无障碍性吗?
不会,它只会计算颜色。由于三种颜色的亮度都与基色相同,它们彼此之间的对比度可能较低,因此请使用对比度检查器测试文字和背景的搭配。
输出结果与颜色调色板生成器的三色选项相同吗?
是。该工具执行的计算与颜色调色板生成器中的三色选项完全相同,因此对于相同的基色,两者会生成完全相同的十六进制代码。