CSS color-mix：颜色混合与色彩空间

## 概述 `color-mix()` 允许在指定色彩空间中混合两种颜色并返回新色。常用空间包括 `oklch`、`lab` 与 `srgb`。选择感知均匀的空间（如 OKLCH）可获得更稳定的视觉过渡。 ## 用法/示例 ```css .btn { background: color-mix(in oklch, #4f46e5 70%, white) } .chart-accent { color: color-mix(in lab, red 40%, blue) } ``` ## 工程建议 - 选择 OKLCH/LAB 以获得更均匀的混合；在需要与设备一致时使用 sRGB。 - 对文本与背景混合后的对比度进行审查，确保可访问性。 - 为不支持环境提供固定色或在构建时预混合。 ## 参考与验证 - MDN：`color-mix()` — https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix - W3C：CSS Color — https://www.w3.org/TR/css-color-5/ - web.dev：Modern color spaces — https://web.dev/articles/color-spaces-and-levels