颜色系统: RGB, HSL, OKLCH

数十年来Web开发者使用hex和RGB。HSL提供了人性化的色相/饱和度/亮度，现在OKLCH提供感知一致性。

RGB

color: #ff6633;

HSL

color: hsl(15, 100%, 60%);

亮度感知不一致。

OKLCH

color: oklch(0.7 0.18 30);

相同L的两种颜色对人眼亮度相同。

重要性

--brand-500: oklch(0.65 0.18 250);

系统化色彩生成终于可行。

浏览器支持

2023年起所有常青浏览器支持。