查本机 IP
网络查询 UI 设计 全部工具 首页

两色中间色计算

选两个颜色,拖比例滑块找中间色:支持 sRGB 与线性光两种混合空间,渐变条标点定位,HEX / RGB / HSL 直接可复制。

UI 设计 · 纯前端
混合空间
快捷比例
颜色与比例 / Inputs
实时
50%
预览与结果 / Result
就绪
A#5b4bf5
中间色#a57e8a
B#f59e0b
比例 50% 输出 0 字符 耗时 0 ms 就绪

About

两种混合空间差在哪

sRGB 直接混合是把两色的 R/G/B 各通道线性插值 —— 简单直觉,中间色通常偏灰。线性光混合先按伽马还原到光强空间再混,更接近颜料/光的物理叠加,中间色更亮更通透。

常用场景

  • 渐变色板取中点:按钮 hover 态就是 base 色 75% + 高亮色 25%
  • 品牌色到中性色的过渡带:固定 A、B,把比例 0–100 拉一遍挑最和谐的一档
  • 深浅两版主题色互相过渡,取 50% 做分界色

小提示

同色相两色混合选哪种空间差别不大;跨色相(如紫到橙)建议切「线性光」,避免中点发灰。找到满意比例后看输出里的 hsl(),色相值能告诉你中点有没有跑偏。