颜色混合器

三步混合：选两色、挑算法、读序列。

两色之间的渐进混色带——感知均匀、可调步数、一键复制 CSS 渐变。

1. 01

   设定两端颜色

   为 A 与 B 各选一个颜色（取色器或直接输入 HEX），点击交换按钮可一键互换两端。

2. 02

   挑选混合算法

   「感知混合」在 OKLab 空间插值，互补色也能保持色相过渡；「RGB 直混」还原多数软件的基础混色行为，两者可对比观察差异。

3. 03

   复制或继续探索

   拖动步数滑块调整序列密度（3–15 档），复制整条 CSS 渐变，或点任意中间色进入颜色档案深挖。

颜色混合常见问题

关于混合算法的三个高频问题。

感知混合和 RGB 直混有什么区别？

RGB 直混对红/绿/蓝通道做线性插值，在互补色（如红+青、蓝+黄）的中间会经过一段发灰的死区；感知混合在 OKLab 空间插值，明度与色相沿视觉均匀路径过渡，红+蓝得到的是紫而不是脏灰。

减色混合 A−B 是什么意思？

对 A 与 B 的每个颜色通道做减法（负值截为 0），模拟颜料混合时「越混越暗」的减色语义——与 ColorHexa 的 a−b 运算一致。它输出单个结果而非序列。

URL 里的 #b= 是什么？

每次调整都会自动同步到链接（两端色、步数与算法），复制地址栏即可把当前混合方案分享给他人，打开后所见即所得。

混合之后

把混色序列送进渐变工作台加入更多停靠点，或用色轮从混合色出发展开调和配色。