颜色混合工具

输入两个十六进制颜色与混合比例,按权重线性叠加得到过渡色。结果给出色块、HEX、RGB,并列出颜色 A、B 的色块对照,支持整列复制与单行复制,全部在浏览器本地完成。

颜色与比例 等待输入

按权重线性混合:权重 w = 比例 / 100,各通道 = round(a × (1 − w) + b × w)。拖动滑块可即时预览。

混合结果
B 的占比—
混合结果—
结果 RGB—
输入两个十六进制颜色与混合比例,点击「混合颜色」,结果将显示在这里。

结果色位于颜色 A 与颜色 B 之间,比例越高越接近颜色 B。

计算规则
  • 输入支持 #RRGGBB 或省略 # 的 6 位写法,也兼容 3 位简写(如 #36C 展开为 #3366CC)。
  • 权重 w = B 的占比 / 100,取值范围 [0, 1]。
  • 每个通道按 round(a × (1 − w) + b × w) 线性混合,a、b 分别为两色同通道分量。
  • 当 w = 0 时结果等于 A;当 w = 1 时结果等于 B;w = 0.5 时两色各占一半。
  • 示例:#3366CC 与 #FF8800 按 50% 混合得到 #997766。
  • 等权平均(多色扩展):对 n 个颜色每个通道取 round(Σc / n)。