颜色混合器

按比例混合两种颜色,支持RGB线性、HSL插值、加权混合模式,实时预览结果并复制。

颜色 A

混合结果

#9333EA

颜色 B

关于 颜色混合器

颜色混合器允许你按比例混合两种颜色,得到中间过渡色。本工具支持三种混合算法,适用于不同的设计场景。

三种混合模式

  • RGB 线性混合:在RGB色彩空间中线性插值,最常用最直观,类似CSS的color-mix。
  • HSL 插值:在HSL色彩空间插值,色相过渡更自然,避免中间出现灰色。
  • 加权混合:考虑颜色亮度加权,符合人眼感知,混合结果更柔和。

使用场景

  • 渐变设计的中间色提取
  • UI状态色过渡(如normal→hover→active)
  • 调色板的中间色填充
  • 动画过渡颜色计算