颜色转换

HEX、RGB、HSL、OKLCH 颜色格式互转，实时预览，并检查与黑白文字的 WCAG 对比度。

本地运行 —— 你的输入不会离开当前页面。

使用说明

用任意格式输入颜色，如 #10b981、rgb(16 185 129)、hsl(160 84% 39%) 或 oklch(...)，也可以用取色器。
其他格式会实时更新，可直接复制为 CSS。
对比度面板显示该颜色与白色、黑色文字的 WCAG 对比度。

什么是 OKLCH，为什么要用它？

OKLCH 是现代 CSS 支持的感知均匀色彩空间，调整亮度时色相看起来保持一致，非常适合做调色板和主题。

对比度需要多少才合格？

WCAG AA 要求普通文字至少 4.5:1、大号文字至少 3:1；AAA 要求普通文字达到 7:1。