在线CSS color-mix()函数生成 - 可视化混合颜色，支持多种色彩空间
color-mix()是CSS Color Level 5规范中的函数，允许在CSS中直接混合两种颜色。语法：color-mix(in <色彩空间>, <颜色1> <百分比>, <颜色2> <百分比>)。无需预处理器或JavaScript即可实现颜色混合。
sRGB是最常用的色彩空间，混合结果符合直觉。OKLCH/OKLAB是感知均匀的色彩空间，混合结果更自然，不会出现sRGB中的"紫色过渡"问题。HSL按色相/饱和度/亮度混合，适合创建色相渐变。
color-mix()在Chrome 111+、Firefox 113+、Safari 16.2+中支持。对于不支持的浏览器，可以使用CSS变量和预计算的颜色值作为降级方案。
color-mix()是CSS Color Level 5函数，允许在CSS中直接混合两种颜色，无需预处理器或JavaScript。
sRGB混合符合直觉，OKLCH/OKLAB感知均匀混合更自然，HSL按色相/饱和度/亮度混合适合色相渐变。
Chrome 111+、Firefox 113+、Safari 16.2+支持，不支持的浏览器可用CSS变量和预计算值降级。