Elysia Tools
导航
Design
使用不同混合模式和比例混合多种颜色
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
颜色混合器是一款专业的在线调色工具，支持通过多种混合模式和自定义权重比例，将两种至五种颜色精准融合，帮助设计师和开发者快速获取理想的配色方案。
背景
设计师需要为品牌主色（#FF6B6B）创建一个稍微深一点的悬停状态颜色。
问题
手动调整色相和饱和度比较繁琐，且难以保证与背景色的融合度。
如何使用
将主色 #FF6B6B 与黑色 #000000 进行混合，设置主色权重为 4，黑色权重为 1，选择加权平均模式。
color1: #FF6B6B, ratio1: 4, color2: #000000, ratio2: 1, mode: weighted结果
获得了一个比原色稍暗的颜色，非常适合作为按钮的 Hover 状态。
背景
开发人员需要生成一个介于品牌蓝（#4ECDC4）和品牌红（#FF6B6B）之间的中间色，用于渐变背景的过渡。
问题
直接取中间值可能导致色彩不够自然，需要通过混合模式进行微调。
如何使用
输入两种品牌色，比例均设为 1.0，选择 Simple Average 模式进行等比混合。
color1: #4ECDC4, color2: #FF6B6B, mode: average结果
得到了一个平衡的中间色，确保了渐变过渡的视觉平滑感。
本工具支持同时混合最多 5 种颜色。
加权平均模式会根据你设置的比例权重，计算各颜色的 RGB 分量平均值，比例越高，该颜色对最终结果的影响越大。
正片叠底（Multiply）模式会将颜色的 RGB 值相乘，通常会产生更深、更暗的混合效果，常用于模拟阴影。
可以，你可以为每种颜色输入 0.1 到 10 之间的权重值，以精确控制混合比例。
工具将直接输出标准的十六进制（Hex）颜色代码，方便你直接复制到设计软件或 CSS 代码中使用。