# 颜色混合器

使用不同混合模式和比例混合多种颜色

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

- **分类:** Design

- **关键词:** 颜色, 混合, 融合, 组合, 合并, 调色, 颜色混合器, 颜色组合

## 概述

颜色混合器是一款专业的在线调色工具，支持通过多种混合模式和自定义权重比例，将两种至五种颜色精准融合，帮助设计师和开发者快速获取理想的配色方案。

## 输入项

- **第一个颜色** (color)
- **比例权重** (number): 1.0
- **第二个颜色** (color)
- **比例权重** (number): 1.0
- **第三个颜色（可选）** (color)
- **比例权重** (number): 1.0
- **第四个颜色（可选）** (color)
- **比例权重** (number): 1.0
- **第五个颜色（可选）** (color)
- **比例权重** (number): 1.0
- **混合模式** (select)

## 适用场景

- 需要为 UI 界面创建平滑的渐变色或中间过渡色时。
- 在设计系统中需要通过多种基础色生成衍生配色方案时。
- 需要通过数学计算（如加权平均或叠加模式）精确合成特定色值时。

## 工作原理

- 选择 2 到 5 种目标颜色，并根据需要为每种颜色设置权重比例。
- 从下拉菜单中选择合适的混合模式，如加权平均、正片叠底或滤色等。
- 点击混合按钮，工具将实时计算并输出最终的合成颜色代码。

## 使用案例

- 生成品牌色的深浅变体以用于按钮悬停状态。
- 通过混合背景色与前景元素色，计算出视觉上更协调的中间色。
- 在进行数字绘画时，快速模拟两种颜料混合后的色彩效果。

## 常见问题

### 最多可以同时混合多少种颜色？

本工具支持同时混合最多 5 种颜色。

### 什么是加权平均混合模式？

加权平均模式会根据你设置的比例权重，计算各颜色的 RGB 分量平均值，比例越高，该颜色对最终结果的影响越大。

### 混合模式中的“正片叠底”有什么效果？

正片叠底（Multiply）模式会将颜色的 RGB 值相乘，通常会产生更深、更暗的混合效果，常用于模拟阴影。

### 我可以自定义每种颜色的比例吗？

可以，你可以为每种颜色输入 0.1 到 10 之间的权重值，以精确控制混合比例。

### 输出的颜色格式是什么？

工具将直接输出标准的十六进制（Hex）颜色代码，方便你直接复制到设计软件或 CSS 代码中使用。

## 相关工具

- [透明度调节器](https://elysiatools.com/zh/tools/color-opacity-adjuster): 调节颜色透明度/Alpha透明度，支持实时预览和批量处理
- [色温调节工具](https://elysiatools.com/zh/tools/color-temperature): 通过在暖色调（红/黄）和冷色调（蓝）之间调整来调节颜色的色温，完美适用于氛围照明和大气效果
- [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-sepia-toner): 为颜色应用棕褐色调效果，支持经典、温暖、冷调和自定义棕褐色风格

## 示例

- [颜色代码示例](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): 通过颜色转换、配色生成、对比度与色觉检查，建立可复用的颜色系统并记录设计令牌。