颜色混合

颜色混合器

把两种或多种颜色按比例混合,得到新的过渡色,并查看每一步的色彩数值。

混合结果

点击色块即可复制色值
#4694DE

多色渐变过渡

添加多个色标,在它们之间生成均匀分布的过渡色。

每个区间的过渡步数

关于颜色混合

加色与减色

屏幕混合是「加色」:红绿蓝叠加趋近白色;而颜料混合是「减色」:叠加趋近黑色。

为什么不直接取平均值

在 RGB 空间直接取平均,颜色往往发灰发暗。切到「线性光」模式可先转线性光再插值,保住饱和度,更接近设计软件里的真实叠加;其余模式(正片叠底 / 滤色等)遵循 W3C Compositing & Blending 标准公式,与 Photoshop 图层混合一致。

工具介绍与使用说明

📘

颜色混合把任意 2~4 种颜色按权重混合,实时预览过渡色并支持多种混合模式。

  • 添加 2~4 个颜色,拖动比例条决定每种颜色在混合中的权重,实时看过渡色。
  • 混合模式可选正常 / 正片叠底 / 滤色等,模拟不同叠加效果。
  • 想要明度梯度?把混合结果交给「色阶生成」一键拉出 50~950 档位。

使用提示

💡
  • 添加 2~4 个颜色,拖动比例条决定每种颜色在混合中的权重,实时看过渡色。
  • 混合模式可选正常/正片叠底/滤色等,模拟不同叠加效果。
  • 想要明度梯度?把混合结果交给「色阶生成」一键拉出 50~950 档位。