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

Kontras

Fail

Baie swak

Normale Teks

AA (4.5:1)

✖

AAA (7:1)

✖

Groot teks

AA (3:1)

✖

AAA (4.5:1)

✖

Teks Kleur

White

#ffffff

Agtergrond Kleur

Black

#b400ff

Vinnige regstellings

Voorskoutitel

Die vinnige bruin jakkals spring oor die lui hond

Klein teks voorbeeld (12px)

Teks

#ffffff

Agtergrond

#b400ff

WCAG Standaarde

Level AA

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

Level 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 Kiezer

Bereken die kontrasverhouding van teks en agtergrondkleure.

Kies 'n kleur met die kleurkieser vir teks en agtergrondkleur of voer 'n kleur in RGB-hexadesimale formaat in (bv. #259 of #2596BE). Jy kan die skuifbalk aanpas om 'n kleur te kies. Die Webinhoud Toeganklikheidsriglyne (WCAG) het 'n spesifieke riglyn om te help bepaal of teks leesbaar is vir gesiggestremde gebruikers. Hierdie kriteria gebruik 'n spesifieke algoritme om kleurkombinasies in vergelykbare verhoudings te karteer. Volgens hierdie formule verklaar WCAG dat 'n 4.5:1 kleurkontrasverhouding met teks en sy agtergrond voldoende is vir gewone (liggaam) teks, en groot teks (18+ pt normaal, 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

ImageColorPicker.com

Kleurkontras Kontroleerder