OKLCH 色彩工作台

OKLCH Color Workbench

基于感知均匀的 OKLCH 色彩空间调色，拖动 L/C/H 滑杆并生成感知均匀的色阶。

oklch(33.9% 1.643 189.2)

亮度 L33.9%

色度 C1.643

色相 H189°

感知均匀色阶

加载中…

关于此工具与使用指南

理解原理 · 操作场景 · 隐私说明

OKLCH 色彩工作台基于现代 CSS Color 4 标准中的 OKLCH 色彩空间。相比 HSL，OKLCH 在感知上更加均匀，调整亮度或色度时颜色变化更符合人眼直觉。

智能生成色阶渐变，精确计算文字与背景的 WCAG 2.1 无障碍对比度（AA/AAA）。

上传图片自动提取主色调，基于中位切分量化算法生成调色板，一键复制 CSS 变量。

可视化调节线性、径向、圆锥渐变与颜色节点，实时预览并输出 CSS 与 Tailwind 代码。