#色域映射

CSS color() 与 OKLCH：为什么广色域颜色在 sRGB 屏幕上会失真

本文以设计系统主题色为例，解释 CSS color() 函数与 OKLCH 色彩空间如何定义超出 sRGB 的广色域颜色，以及当显示设备不支持时浏览器如何通过色域映射将颜色转换到 sRGB，导致颜色失真。文中对比 HEX/RGB 的局限，并给出使用 color() 与 @media (color-gamut) 的实践建议。