OKLCH 色阶生成器
在感知均匀色空间中生成色阶——每一档对眼睛的明度跨度真正相等
色度模式
OKLCH 色阶
点击色块查看完整色值；色块下方显示对应的 CSS
oklch() 函数值与 HSL 色阶对比
灰度行展示感知明度——OKLCH 的灰度行比 HSL 更均匀，说明每档明度跨度真正相等
OKLCH 感知明度曲线
HSL 感知明度曲线
CSS 输出
现代浏览器直接支持
oklch()；附 sRGB HEX 兜底注释