颜色混合器
免费在线颜色混合工具：按比例混合颜色，对比数字色彩空间结果，并查看颜料风格混色。
调色板
33%
33%
34%
数字颜色混合器
LRGB 颜色混合器
HSL 颜色混合器
LAB 颜色混合器
LCH 颜色混合器
OKLAB 颜色混合器
颜料颜色混合器
颜料颜色混合器
哪些颜色混合后能得到……？
使用这些常见混色示例，一键载入并查看结果。
混色对照示例
对比常见颜色组合在 RGB、LRGB、HSL、LAB、LCH、OKLAB 空间下的混色差异。
| 配色组合 | 颜料混合 | RGB | LRGB | HSL | LAB | LCH | OKLAB |
|---|---|---|---|---|---|---|---|
| #4A182B | #800080 | #BC00BC | #FF00FF | #C10088 | #F50086 | #8C53A2 | |
| #398F54 | #808080 | #BCBCBC | #00FF80 | #C189AC | #FF005E | #6CABC7 | |
| #FF440F | #FF8000 | #FFBC00 | #FF8000 | #FFA200 | #FFA000 | #FFA000 | |
| #834B17 | #808000 | #BCBC00 | #FFFF00 | #C8AC00 | #D1A900 | #D0A800 | |
| #00884C | #008080 | #00BCBC | #00FFFF | #7691A8 | #00B4FF | #00AABF | |
| #A6A6A6 | #808080 | #BCBCBC | #808080 | #777777 | #777777 | #636363 |
关于颜色混合器
颜色混合器可按权重混合多种颜色，并同时展示调色板、digital color mixer 结果和 paint color mixer 结果。
Digital color mixer: Digital color mixer 会把每个色彩空间作为独立的 color mixer 卡片展示，适合屏幕设计、UI 预览和色彩系统检查。 Paint color mixer: Paint color mixer 会近似颜料式减色混合，因此结果通常比 RGB 插值更接近真实颜料混合。
通过 RGB / LRGB / HSL / LAB / LCH / OKLAB color mixer 卡片对比数字混色算法，再查看 paint color mixer 的颜料减色混合结果。
如何使用
- 使用拾色器选择颜色，或直接输入 6 位 HEX（#RRGGBB）。
- 调整每个颜色的权重滑杆，色条会显示归一化后的百分比。
- 按需添加或删除颜色（至少保留 2 种颜色）。
- 点击任意正方形结果色块，或点击 HEX/RGB/HSL 数值即可复制。
常见问题
为什么混色结果和预期不一致？
Digital color mixer 卡片和 paint color mixer 使用不同的混色算法。可对比 LRGB / LAB / OKLAB 查看感知混色，也可参考 paint color mixer 的颜料式结果。
支持哪些输入格式？
目前仅支持 6 位 HEX（#RRGGBB）；输入无效时，失焦后会回退到上一个有效颜色值。
权重必须加起来 100 吗？
不需要，工具会自动归一化各颜色权重。
为什么不能删除颜色？
为保证混色有效，至少需要保留 2 种颜色。
复制失败怎么办？
部分浏览器会限制剪贴板权限，你仍可手动选中对应值进行复制。