# 分离互补色工具

生成分离互补色配色方案，使用基础色和其互补色两侧的相邻颜色创造和谐的对比效果

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

- **分类:** Design

- **关键词:** 颜色, 分离互补色, 和谐对比, 色彩和谐, 配色方案, 相邻颜色, 三色组和谐

## 概述

分离互补色工具帮助您快速生成基于基础色的配色方案，通过使用互补色两侧的相邻颜色，创造出既和谐又富有对比的视觉效果，适用于各种设计项目。

## 输入项

- **基础颜色** (color)
- **分离角度（度）** (number): 互补色和分离色之间的角度（通常15-45度）
- **饱和度调整** (number): 饱和度倍数（0.5-2.0）
- **亮度调整** (number): 调整亮度（-0.3到0.3）
- **包含基础颜色** (checkbox)
- **显示HEX代码** (checkbox)
- **显示RGB值** (checkbox)
- **显示HSL值** (checkbox)
- **生成扩展调色板** (checkbox)

## 适用场景

- 当您需要为设计项目创建和谐的对比配色时。
- 当您想基于一个基础色生成扩展的调色板时。
- 当您需要快速预览和调整颜色的饱和度和亮度时。

## 工作原理

- 输入一个基础颜色作为配色起点。
- 调整分离角度（通常15-45度）来定义互补色两侧的相邻颜色。
- 可选地调整饱和度和亮度倍数以微调颜色表现。
- 工具生成包含基础色和分离互补色的配色方案，并可显示HEX、RGB或HSL值。

## 使用案例

- 网页和移动应用UI设计中的按钮、背景和文本颜色搭配。
- 平面设计中的海报、宣传册配色方案制定。
- 品牌视觉识别系统的颜色扩展和一致性维护。

## 常见问题

### 什么是分离互补色？

分离互补色是一种配色方案，使用一个基础色和其互补色两侧的相邻颜色，创造和谐对比。

### 分离角度如何影响配色？

分离角度决定了相邻颜色与互补色的偏移程度，角度越大，颜色差异越明显。

### 可以调整颜色的饱和度和亮度吗？

是的，工具提供饱和度和亮度调整选项，允许您微调颜色表现。

### 生成的配色方案包含哪些信息？

方案包含基础色和分离互补色，并可显示HEX代码、RGB值或HSL值。

### 这个工具支持哪些颜色输入格式？

支持HEX代码输入或通过颜色选择器选择基础颜色。

## 相关工具

- [CMYK 颜色转换器](https://elysiatools.com/zh/tools/cmyk-converter): 在 HEX、RGB、HSL 和 CMYK 之间统一转换颜色。
- [类似色工具](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-inverter): 反转颜色并创建负片版本，支持RGB、HSL和亮度反转方法
- [配色方案生成器](https://elysiatools.com/zh/tools/color-scheme-generator): 为设计项目生成专业的配色方案和调色板
- [棕褐色调器](https://elysiatools.com/zh/tools/color-sepia-toner): 为颜色应用棕褐色调效果，支持经典、温暖、冷调和自定义棕褐色风格
- [阴影色生成器](https://elysiatools.com/zh/tools/color-shade): 通过添加黑色生成颜色的深色变化，为设计提供深度和对比度

## 示例

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

## 相关内容

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