跳转到正文

三角色生成器

使用这款三角色生成器,根据一种基色构建三角色配色方案。输入 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 度。三色组合通常更容易平衡;需要第四种色相时,请使用四色配色生成器。

该工具会检查无障碍性吗?

不会,它只会计算颜色。由于三种颜色的亮度都与基色相同,它们彼此之间的对比度可能较低,因此请使用对比度检查器测试文字和背景的搭配。

输出结果与颜色调色板生成器的三色选项相同吗?

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

关于 OneClick Pro

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