颜色转换器
① 设计 / 资源
这是什么:在 HEX(#ff0000)、RGB、HSL 等颜色写法之间转换,并预览颜色。
什么时候用:设计里拿到一种格式的颜色,代码里却要另一种格式时。
颜色转换
输入任意格式，自动同步所有颜色表示。
HEX
RGB
HSL
OKLCH
WCAG 对比度检查
检查前景色与背景色的对比度，满足无障碍标准。
对比度
—
预览
示例文字 Aa
全部在你的浏览器本地计算,不上传任何数据。
常见问题
OKLCH 是什么，为什么比 HSL 更好？
OKLCH 是基于人眼感知的颜色空间，L 表示感知亮度（0–1），C 表示色度（饱和度），H 表示色相角（0–360°）。与 HSL 不同，OKLCH 在改变色相时亮度保持一致，非常适合生成调色板和做无障碍设计。
WCAG 对比度是如何计算的？
WCAG 对比度 = (L1 + 0.05) / (L2 + 0.05)，其中 L1 是较亮颜色的相对亮度，L2 是较暗颜色的相对亮度。相对亮度通过将 sRGB 值线性化后加权求和得到：L = 0.2126R + 0.7152G + 0.0722B。AA 级普通文字要求对比度 ≥ 4.5:1，AAA 级要求 ≥ 7:1。