WCAG 颜色对比度检查器
输入前景色和背景色 HEX，在本地计算相对亮度和对比度。本工具遵循 WCAG 2.2 成功标准 1.4.3 和 1.4.6。
使用不透明 sRGB #RGB 或 #RRGGBB。计算不包含 alpha 和透明度。
- 对比度
- 前景相对亮度
- 背景相对亮度
普通文字
AA
AAA
大号文字
AA
AAA
单一配色结果不能证明整页符合 WCAG 或法律无障碍要求。
使用步骤
如何使用
- Enter a foreground and background color as #RGB or #RRGGBB.
- Review the live swatch, relative luminance, and contrast ratio.
- Use the AA/AAA results as a focused design check.
WCAG 2.2 阈值
普通文字 AA 为 4.5:1、AAA 为 7:1；大号文字 AA 为 3:1、AAA 为 4.5:1。
仅支持不透明 sRGB 颜色
接受 #RGB 和 #RRGGBB，不支持 alpha、透明度、渐变、图片或合成。
局部检查不等于符合性声明
单一配色结果不能证明整页符合 WCAG 或满足法律无障碍要求。请检查所有状态、组件、文字大小、字重、焦点指示器和使用场景。
常见问题
你可能还想知道
Which HEX formats are accepted?
Use #RGB or #RRGGBB opaque sRGB values.
Does a passing result prove accessibility?
No. Review the whole page and all relevant states.