颜色转换器与对比度检查
HEX / RGB / HSL / OKLCH + WCAG 对比度
🔒 本工具完全在浏览器中运行，输入数据不会上传到服务器。
颜色转换器（HEX / RGB / HSL / OKLCH）
现代化颜色转换，支持 CSS Color 4 中感知均匀的 OKLCH 空间，以及传统 HEX、RGB、HSL。同时计算与白、黑的 WCAG 2.1 对比度，方便挑选可读的前景色。
- HEX（3 / 4 / 6 / 8 位）
- RGB / RGBA
- HSL / HSLA
- OKLCH（CSS Color 4，感知均匀）
- WCAG 2.1 对比度（vs 白 / 黑）
- 实时色块预览
FAQ
什么是 OKLCH？
OKLCH 是 CSS Color 4 引入的感知均匀色彩空间。数值的等量变化对应相近的视觉感知，适合生成调和色板。
对比度怎么读？
WCAG 2.1：4.5:1 = AA（正文），3:1 = AA（大字号），7:1 = AAA。工具同时给出 vs 白 / 黑 的等级。