颜色混合器
颜色
选两个颜色与混合比例（0-100%）。工具在所选色彩空间中插值 — RGB 数学最简单、HSL 保持色相、CIELAB 感知均匀 — 显示结果与 11 步渐变条。便于选择中间强调色、为渐变生成色彩停止点，或理解为何两色在中间看起来「脏」（通常因为 RGB 中点在感知上并非中间）。
—
结果
#8033B3
11 步混合
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
LAB 在感知上给出最均匀的渐变。RGB 与 HSL 更快，但中段可能看起来不均。
使用方法
- 设置颜色 A 与 B（hex 或拾色器）。
- 选择 RGB、HSL 或 LAB 混合。
- 拖动滑块或查看 11 步渐变条。
常见问题
- 为什么 RGB 混合在中间看起来脏？
- RGB 直接对通道值取均值。从饱和红到饱和蓝过渡时，绿通道保持为 0，中间变成低饱和的紫灰。试 HSL 或 LAB 以保持中段更高饱和度。
- 什么时候用 LAB？
- LAB 感知均匀 — 同样的数值步等于同样的感知步。需要顺滑的渐变设计时最佳。现代浏览器中 CSS `color-mix(in lab, …)` 即同此。
- 两色相反时 HSL 的色相如何处理？
- HSL 取色环上较短的弧。混合红（0°）与青（180°）是模糊的 — 工具选一个方向；若结果出乎意料，请试 LAB。
- 为什么 50% 混合视觉上不是正中？
- 只有 LAB 给出感知中点。RGB 与 HSL 的中点是数学中点，常在感知上更靠近两端中较暗的一方。