# 三角色生成器

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

### 该工具会检查无障碍性吗？

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

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

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

在这里投放广告？

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