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

Skontroluj svoje farby

Testuj farebné kombinácie, aby si sa uistil, že spĺňajú štandardy prístupnosti WCAG pre čitateľnosť textu.

1.00:1

Kontrast

Neprešlo

Veľmi zlé

Normálny text

AA (4.5:1)

AAA (7:1)

Veľký text

AA (3:1)

AAA (4.5:1)

Farba textu

Farba pozadia

Rýchle opravy

Náhľad názvu

Rýchla hnedá líška preskočí lenivého psa

Príklad malého textu (12px)

Text

#ffffff

Pozadie

#cbaa57

Štandardy WCAG

Úroveň AA

Minimálny pomer kontrastu 4.5:1 pre normálny text a 3:1 pre veľký text. Požadované pre väčšinu webových stránok.

Úroveň AAA

Zvýšený pomer kontrastu 7:1 pre normálny text a 4.5:1 pre veľký text. Odporúčané pre optimálnu prístupnosť.

Nedostatočný kontrast pre všetky veľkosti textu - nespĺňa normy WCAG.

Kontrola kontrastu farieb

Vypočítaj pomer kontrastu textu a farieb pozadia.

Vyberte farbu pomocou výberu farby pre text a farbu pozadia alebo zadajte farbu vo formáte RGB hexadecimálny (napr. #259 alebo #2596BE). Môžete nastaviť posúvač na výber farby. Smernice pre prístupnosť webového obsahu (WCAG) majú špecifické smernice na zistenie, či je text čitateľný pre vidiacich používateľov. Toto kritérium používa konkrétny algoritmus na mapovanie farebných kombinácií do porovnateľných pomerov. Pomocou tohto vzorca WCAG uvádza, že 4.5:1 pomer kontrastu textu a jeho pozadia je dostatočný pre normálny (telo) text a veľký text (18+ pt normálny alebo 14+ pt tučný) by mal mať aspoň 3:1 pomer kontrastu.

Kľúčové funkcie

Výpočet kontrastného pomeru v reálnom čase
Kontrola súladu s WCAG AA & AAA
HSL posuvníky pre jemné doladenie
Viacero formátov náhľadu

Pokročilé nástroje

Automatická oprava farieb
Ukážky textu a pozadia
Detekcia názvu farby
Export výsledkov