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

Kontroleer jou kleure

Toets kleurkombinasies om te verseker dat hulle aan WCAG-toeganklikheidstandaarde vir teksleesbaarheid voldoen.

1.00:1

Kontras

Misluk

Baie swak

Normale teks

AA (4.5:1)

AAA (7:1)

Groot teks

AA (3:1)

AAA (4.5:1)

Teks Kleur

Agtergrond Kleur

Vinnige regstellings

Voorskoutitel

Die vinnige bruin jakkals spring oor die lui hond

Klein teks voorbeeld (12px)

Teks

#ffffff

Agtergrond

#123447

WCAG Standaarde

Vlak AA

Minimum kontrasverhouding van 4.5:1 vir normale teks en 3:1 vir groot teks. Nodig vir meeste webwerwe.

Vlak AAA

Verbeterde kontrasverhouding van 7:1 vir normale teks en 4.5:1 vir groot teks. Aanbeveel vir optimale toeganklikheid.

Onvoldoende kontras vir alle teksgroottes - voldoen nie aan WCAG-standaarde nie.

Kleurkontras-kontroleerder

Bereken die kontrasverhouding van teks en agtergrondkleure.

Kies 'n kleur met die kleurkieser vir teks en agtergrondkleur of voer 'n kleur in RGB-heksadesimale formaat in (bv. #259 of #2596BE). Jy kan die glyer aanpas om kleur te kies. Die Web Content Accessibility Guidelines (WCAG) het 'n spesifieke riglyn om uit te vind of teks leesbaar is vir siende gebruikers. Hierdie kriteria gebruik 'n spesifieke algoritme om kleurkombinasies in vergelykbare verhoudings te omskep. Deur hierdie formule te gebruik, stel WCAG dat 'n 4.5:1 kleurkontrasverhouding met teks en sy agtergrond voldoende is vir gewone (liggaams)teks, en groot teks (18+ pt gereeld, of 14+ pt vet) moet ten minste 'n 3:1 kleurkontrasverhouding hê.

Belangrike kenmerke

Regstreekse kontrasverhouding berekening
WCAG AA & AAA nakomingskontrole
HSL-skuifknoppies vir fyninstelling
Meervoudige voorskouformate

Gevorderde gereedskap

Outomatiese kleurherstel
Teks- en agtergrondmonsters
Kleurnaam opsporing
Voer resultate uit