为什么 RGB 混合在中间看起来脏？

RGB 直接对通道值取均值。从饱和红到饱和蓝过渡时，绿通道保持为 0，中间变成低饱和的紫灰。试 HSL 或 LAB 以保持中段更高饱和度。

什么时候用 LAB？

LAB 感知均匀 — 同样的数值步等于同样的感知步。需要顺滑的渐变设计时最佳。现代浏览器中 CSS `color-mix(in lab, …)` 即同此。

HSL 取色环上较短的弧。混合红（0°）与青（180°）是模糊的 — 工具选一个方向；若结果出乎意料，请试 LAB。

只有 LAB 给出感知中点。RGB 与 HSL 的中点是数学中点，常在感知上更靠近两端中较暗的一方。

选两个颜色与混合比例（0-100%）。工具在所选色彩空间中插值 — RGB 数学最简单、HSL 保持色相、CIELAB 感知均匀 — 显示结果与 11 步渐变条。便于选择中间强调色、为渐变生成色彩停止点，或理解为何两色在中间看起来「脏」（通常因为 RGB 中点在感知上并非中间）。

—

颜色 A

颜色 B

混合: 50%

结果

#8033B3

11 步混合

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

LAB 在感知上给出最均匀的渐变。RGB 与 HSL 更快，但中段可能看起来不均。

为什么 RGB 混合在中间看起来脏？: RGB 直接对通道值取均值。从饱和红到饱和蓝过渡时，绿通道保持为 0，中间变成低饱和的紫灰。试 HSL 或 LAB 以保持中段更高饱和度。
什么时候用 LAB？: LAB 感知均匀 — 同样的数值步等于同样的感知步。需要顺滑的渐变设计时最佳。现代浏览器中 CSS `color-mix(in lab, …)` 即同此。
两色相反时 HSL 的色相如何处理？: HSL 取色环上较短的弧。混合红（0°）与青（180°）是模糊的 — 工具选一个方向；若结果出乎意料，请试 LAB。
为什么 50% 混合视觉上不是正中？: 只有 LAB 给出感知中点。RGB 与 HSL 的中点是数学中点，常在感知上更靠近两端中较暗的一方。