🎨

颜色混合器

混合两种颜色并按比例调节,输出结果色的 HEX/RGB。

本地处理 · 不上传

加载工具中…

相关:颜色混合 · 调色 · 混色 · 颜色叠加 · 配色

颜色混合器按比例混合两种或多种颜色,展示混合结果与中间过渡色。配色与调色的辅助工具。屏幕上的混色是加色模式,与调颜料的减色混合规律完全不同。

使用步骤

  1. 选择要混合的颜色
  2. 调整各自的比例
  3. 查看混合结果
  4. 查看过渡色阶

使用场景

  • 调配需要的中间色
  • 生成渐变的中间色阶
  • 理解颜色混合的规律
  • 配色方案的推导

小贴士

  • 屏幕上的颜色混合是加色模式,与颜料的减色混合规律不同——红加绿在屏幕上是黄色,在颜料中却是浑浊的褐色。
  • 在 RGB 空间直接插值混合有时会经过灰暗的中间色,用 HSL 或 LAB 空间插值通常能得到更鲜亮的过渡。
  • 混合出的中间色可用于生成协调的配色方案,因为它们天然与两端的颜色相关。

常见问题

为什么和调颜料的结果不一样?

因为屏幕是加色混合(光的叠加),颜料是减色混合(吸收后反射)。红光加绿光得到黄色,而红颜料加绿颜料得到浑浊的深褐色,两套规律完全不同。

渐变中间为什么发灰?

因为在 RGB 空间直接线性插值时,饱和度会在中途下降。改用 HSL 或感知均匀的 LAB 空间做插值,中间色会保持鲜亮,过渡也更自然。

混合能用来配色吗?

很实用。把品牌主色与中性色混合能得到一系列协调的辅助色,这些颜色天然与主色相关,比凭空挑选更容易形成统一的视觉体系。

颜色混合器是免费的吗?

是。本站所有工具完全免费,无需注册登录、无广告干扰,打开即用。

使用颜色混合器,我的数据安全吗?

安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。