What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

1.00:1

Kontrast

Fail

Juda yomon

Oddiy matn

AA (4.5:1)

✖

AAA (7:1)

✖

Katta matn

AA (3:1)

✖

AAA (4.5:1)

✖

Matn rangi

#FFFFFF

#ffffff

Fon rangi

#546E7A

#546e7a

Tezkor tuzatishlar

Oldindan ko'rish sarlavhasi

Tez jigarrang tulki yalqov it ustidan sakraydi

Kichik matn misoli (12px)

Matn

#ffffff

Fon

#546e7a

WCAG standartlari

Level AA

Oddiy matn uchun 4.5:1 minimal kontrast nisbati va katta matn uchun 3:1. Ko'pgina veb-saytlar uchun talab qilinadi.

Level AAA

Oddiy matn uchun 7:1 kuchaytirilgan kontrast nisbati va katta matn uchun 4.5:1. Eng yaxshi kirish imkoniyatini ta'minlash uchun tavsiya etiladi.

Barcha matn o'lchamlari uchun yetarli kontrast yo'q - WCAG standartlariga mos kelmaydi.

Rang kontrasti tekshiruvchisi

Matn va fon ranglarining kontrast nisbatini hisoblang.

Matn va fon rangi uchun rang tanlang yoki RGB o'n oltilik formatda rang kiriting (masalan, #259 yoki #2596BE). Siz rangni tanlash uchun slayderni sozlashingiz mumkin. Veb-kontentga kirish imkoniyati bo'yicha yo'riqnomada (WCAG) ko'rish qobiliyatiga ega foydalanuvchilar uchun matn o'qilishi mumkinligini aniqlash uchun maxsus qo'llanma mavjud. Bu mezon rang kombinatsiyalarini solishtiriladigan nisbatlarga xaritalash uchun maxsus algoritmdan foydalanadi. Ushbu formuladan foydalanilgan holda, WCAG matn va uning fonidagi 4.5:1 rang kontrasti nisbati oddiy (asosiy) matn uchun mos ekanligini va katta matn (18+ pt oddiy yoki 14+ pt qalin) kamida 3:1 rang kontrasti nisbati bo'lishi kerakligini belgilaydi.

Asosiy xususiyatlar

• Real vaqtda kontrast nisbatini hisoblash
• WCAG AA & AAA moslikni tekshirish
• Nozik sozlash uchun HSL slayderlari
• Bir nechta ko'rish formatlari

Ilg'or vositalar

• Avtomatik rang tuzatish
• Matn va fon namunalar
• Rang nomini aniqlash
• Natijalarni eksport qilish