颜色混合器
按指定比例在 RGB 或 Lab 色彩空间中混合两个 HEX 颜色，并以色块和可复制的 HEX 值显示得到的中间色。
正在加载工具…
颜色混合器 — 把两个颜色以 HEX 形式粘贴进来，用比例滑块设定混入多少颜色 B，再选择是按普通 RGB 还是按感知均匀的 Lab 空间混合——结果会立即以预览色块和可复制的 HEX 值呈现。没有需要等待的预设，也没有要点击的按钮；你一边输入或拖动，混合结果就一边重新计算。全部在浏览器中完成，颜色绝不会离开你的设备。
颜色混合器 是什么？
颜色混合器是一款免费的在线工具，可在两个颜色之间插值，得到它们的中间色。你把颜色 A 和颜色 B 以 HEX 输入（支持 #rrggbb 或 #rgb 简写），把比例控件从 0%（完全是颜色 A）拖到 100%（完全是颜色 B），并选择色彩空间：RGB 直接混合原始通道，而 Lab 在感知空间中混合，通常能让中点看起来更自然、避免发灰发脏。设计师、前端开发者和插画师用它在两个品牌色之间找中间色、构建平滑的双色渐变、推导悬停或边框的浅色调，或预览两种颜料、两个渐变停靠点在中间相遇时的样子。结果会显示为一个大色块，下方是可一键复制的只读 HEX 字段。
如何使用 颜色混合器
- 在“颜色 A (HEX)”字段中输入或粘贴第一个颜色，在“颜色 B (HEX)”字段中输入第二个，格式为 #rrggbb 或 #rgb。
- 拖动“比例”滑块（或直接输入数字）来设定混入多少颜色 B：0% 得到颜色 A，100% 得到颜色 B，50% 为均匀中点。
- 用 RGB / Lab 开关选择混合空间——想要感知更均匀的混合就选 Lab，想要逐通道直接平均就选 RGB。
- 实时观察预览色块的变化，并在其下方读取混合色的 HEX 值。
- 点击结果旁的复制按钮，把混合后的 HEX 复制到剪贴板。
示例
红与蓝的 RGB 均匀中点
输入
A #ff0000, B #0000ff, 比例 50%, RGB
输出
#800080
大幅偏向白色
输入
A #4f86f7, B #ffffff, 比例 75%, RGB
输出
#d3e1fd
两个高饱和色相上的 Lab 与 RGB 对比
把 #00a000 与 #d000d0 以 50% 混合。RGB 下会得到一个发暗的混合色，而切换到 Lab 得到的中点更接近肉眼对两个色相之间的预期——这对那些中间不该发脏的双色渐变很有用。
常见问题
- RGB 和 Lab 选项有什么区别？
- RGB 分别混合红、绿、蓝三个通道，速度快、与 CSS 平均颜色的方式完全一致，但对相距较远的色相可能会偏向发灰。Lab 会把两个颜色转换到感知的 CIELAB 空间中插值再转换回来，通常能让中点更明亮、更符合眼睛的预期。两者都输出 #rrggbb 结果。
- 比例控件是什么意思？
- 比例表示混合中颜色 B 所占的多少。0% 时结果等于颜色 A，100% 时等于颜色 B，50% 时为两者之间的均匀中点。你可以拖动滑块或输入精确的百分比。
- 可以输入哪些颜色格式？
- 两个输入框都接受 #rrggbb（六位）或 #rgb（三位简写）形式的 HEX。如果任一值不是有效的 HEX 颜色，会显示错误提示，且在两者都有效之前不会显示混合结果。输出始终是 #rrggbb 形式的 HEX 值。
- 可以在工作区链路中使用混合后的颜色吗？
- 可以。结果以输出端口的形式暴露，因此在 deftdeck 工作区中你可以把混合后的 HEX 直接接入另一个工具，并且只要你改变颜色、比例或色彩空间，它就会自动更新。
- 我的颜色会被发送到任何地方吗？
- 不会。所有混合运算都在你的浏览器本地完成，颜色值绝不会上传到服务器。本工具可离线使用，并为你的配色保密。