在感知均匀的 OKLCH 空间里调 L / C / H 三个维度,实时预览并输出 oklch() / HEX / RGB 代码。
三维调色
OKLCH 是感知均匀的色彩空间:拖 L 明度不变色相、拖 C 饱和度恒定、拖 H 色相旋转,三个维度互不干扰,调出的色比 HSL 更可预期。
色域视图
该组合超出 sRGB 色域 显示色为色域内最近似值;建议降低彩度或调整明度。
拖拽画布直接选色 —— 圆点即当前色,平顶灰化区域为 sRGB 色域之外
L 明度、C 彩度、H 色相互不干扰,调出的色比 HSL 更可预期。
先拖 H 定色相方向,OKLCH 的色相感知比 HSL 均匀。
拖 L 压明度、拖 C 控饱和;超出 sRGB 色域时会有提示,降 C 即可。
复制 oklch() 或 HEX/RGB 代码,现代浏览器原生支持 oklch()。
从 HSL 迁移过来时会问的四个问题。
生成整套色阶或直接进编辑器成板。