WebTools
首页
🔲

Color Contrast Checker

Calculate contrast ratio and check WCAG compliance

Contrast Ratio
21:1
Preview
Sample Text Abc 123
Large Text (18pt+)
Normal Text Large Text
WCAG AA
4.5:1 or higher
3:1 or higher
WCAG AAA
7:1 or higher
4.5:1 or higher

使用方法

Pick foreground and background colors to see the contrast ratio and WCAG compliance status.

  • Contrast ratio calculation
  • WCAG AA/AAA rating
  • Real-time preview
  • Color swap function

使用案例

  • Verify text/background color accessibility
  • Check WCAG AA/AAA compliance

分享

相关工具