概述`color-mix()` 允许在指定色彩空间中混合两种颜色并返回新色。常用空间包括 `oklch`、`lab` 与 `srgb`。选择感知均匀的空间(如 OKLCH)可获得更稳定的视觉过渡。用法/示例.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-mixW3C:CSS Color — https://www.w3.org/TR/css-color-5/web.dev:Modern color spaces — https://web.dev/articles/color-spaces-and-levels

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部