OKLCH 结果 CSS Color 4
关于此工具
OKLCH 通过感知亮度（L）、色度（C）和色相（H）来描述一种颜色。与 HEX 或 HSL 不同，OKLCH 中相等的步进在人眼看来也是相等的步进——这使它非常适合设计系统的颜色阶梯。
用它把现有的品牌色迁移为 oklch() 语法，或构建色相一致的调色板。
现代浏览器原生支持 oklch()——对于常青浏览器无需回退方案。
常见问题
为什么用 OKLCH 而不是 HSL？
HSL 的亮度并非感知均匀——50% 亮度的黄色看起来比 50% 的蓝色亮得多。OKLCH 解决了这个问题，因此颜色阶梯在不同色相之间保持一致。
L、C、H 分别是什么意思？
L 是感知亮度（0–100%），C 是色度（饱和度，无上限），H 是以度为单位的色相角。
转换是精确的吗？
这是经过 sRGB → 线性 RGB → OKLab 的标准色度学变换。数值为便于阅读而四舍五入；精度损失远低于任何可见的程度。