# 三色组工具

生成三色组配色方案，三个颜色在色轮上等距分布，创造活力平衡的色彩组合

> 标准页面: https://elysiatools.com/zh/tools/color-triad

- **分类:** Design

- **关键词:** 颜色, 三色组, 三色, 等距, 色彩和谐, 配色方案, 平衡组合, 活力

## 概述

三色组工具是一款专业的配色辅助工具，通过在色轮上选取三个等距分布的颜色，帮助设计师快速生成既具有视觉活力又保持色彩平衡的配色方案。

## 输入项

- **基础颜色** (color)
- **三色组类型** (select)
- **色相调整（度）** (number): 三色组类型的自定义角度调整
- **饱和度调整** (number): 饱和度倍数（0.5-2.0）
- **亮度调整** (number): 调整亮度（-0.3 到 0.3）
- **包含基础颜色** (checkbox)
- **显示HEX代码** (checkbox)
- **显示RGB值** (checkbox)
- **显示HSL值** (checkbox)
- **生成颜色变体** (checkbox)

## 适用场景

- 需要为品牌设计或 UI 界面创建具有高对比度和活力的配色方案时。
- 在进行插画或艺术创作，希望通过色彩对比提升画面表现力时。
- 当现有的配色方案显得单调，需要引入互补色或对比色进行平衡时。

## 工作原理

- 输入或选择一个基础颜色作为配色方案的起点。
- 选择三色组类型（如等边、等腰或互补三色组）以确定色彩在色轮上的分布逻辑。
- 通过调整饱和度、亮度和色相偏移，微调配色方案以符合具体的设计需求。
- 查看生成的 HEX、RGB 或 HSL 色值，并直接应用于设计软件中。

## 使用案例

- 网页 UI 设计：利用三色组创建具有视觉冲击力的按钮、图标和背景配色。
- 品牌视觉识别：为品牌构建一套既和谐又具备辨识度的三色主色调系统。
- 数字艺术创作：通过等距色彩分布，快速确定画作的主色调与辅助色关系。

## 常见问题

### 什么是三色组配色？

三色组配色是指在色轮上选择三个彼此等距分布的颜色，这种组合通常能产生非常平衡且充满活力的视觉效果。

### 我可以自定义三色组的角度吗？

可以，选择“不等边三角形”类型，并使用“色相调整”功能，即可自定义三个颜色之间的具体角度。

### 该工具支持哪些颜色格式？

工具支持显示 HEX、RGB 和 HSL 三种主流颜色格式，方便你直接复制到各类设计工具中使用。

### 如何调整配色的明暗程度？

你可以通过“亮度调整”选项，在 -0.3 到 0.3 的范围内对生成的配色方案进行整体明暗微调。

### 生成的配色方案可以直接导出吗？

工具会实时显示配色结果，你可以通过勾选“显示HEX代码”等选项，直接复制数值到你的设计项目中。

## 相关工具

- [类似色工具](https://elysiatools.com/zh/tools/color-analogous): 生成和谐的类似色配色方案，使用色轮上相邻的颜色创造统一平静的组合
- [互补色工具](https://elysiatools.com/zh/tools/color-complement): 查找互补色并创建和谐的颜色方案，支持三元色、四色和类似色关系
- [颜色梯度生成器](https://elysiatools.com/zh/tools/color-gradient-generator): 在多种颜色之间生成平滑的颜色渐变，支持自定义步数和格式
- [色相偏移器](https://elysiatools.com/zh/tools/color-hue-shifter): 调整颜色色相并创建色相变化版本
- [颜色反转器](https://elysiatools.com/zh/tools/color-inverter): 反转颜色并创建负片版本，支持RGB、HSL和亮度反转方法
- [配色方案生成器](https://elysiatools.com/zh/tools/color-scheme-generator): 为设计项目生成专业的配色方案和调色板
- [阴影色生成器](https://elysiatools.com/zh/tools/color-shade): 通过添加黑色生成颜色的深色变化，为设计提供深度和对比度
- [分离互补色工具](https://elysiatools.com/zh/tools/color-split-complement): 生成分离互补色配色方案，使用基础色和其互补色两侧的相邻颜色创造和谐的对比效果

## 示例

- [颜色代码示例](https://elysiatools.com/zh/samples/color-code): 用于验证测试的各种格式颜色代码集合（Hex、RGB、HSL、命名颜色）
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换
- [Web Python 图像处理示例](https://elysiatools.com/zh/samples/web-image-processing-python): Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换

## 相关内容

- [无障碍颜色系统设计工具](https://elysiatools.com/zh/hubs/color-design-tools): 通过颜色转换、配色生成、对比度与色觉检查，建立可复用的颜色系统并记录设计令牌。
- [色彩系统与 CSS 效果设计工作流](https://elysiatools.com/zh/hubs/design-generate): 从色板提取、配色关系、可访问性校验到 token 生成，再把 CSS 效果落到真实组件状态中。