返回首页

颜色格式转换与对比度检查

HEX、RGB、HSL 互转，检查前景/背景对比度并给出 WCAG 可读性等级。

本地优先无需登录移动端可用独立搜索入口
颜色对比 HEX转RGB HSL工具 颜色对比度检查

使用教程

颜色格式转换与对比度检查怎么用

既做格式转换，也做可读性判断，适合 UI 落地前快速复核。

步骤 1

输入前景色和背景色。

步骤 2

点击转换与检查。

步骤 3

查看 HEX、RGB、HSL 和对比度等级。

步骤 4

根据建议调整颜色。

真实示例

输入输出对照

输入

#0078D4 on #FFFFFF

输出

对比度约 4.53:1，普通文字接近 AA，按钮大字更稳。

FAQ

常见问题

支持哪些颜色格式？

支持 #RGB、#RRGGBB、rgb() 和 hsl() 常见写法。

AA 和 AAA 是什么？

它们是 WCAG 对文字对比度的可访问性等级要求。

透明颜色怎么检查？

需要先和背景混合成实际显示颜色，再检查对比度。