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

مشاركة

أدوات ذات صلة