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

Kontrolu viajn kolorojn

Testu kolorajn kombinaĵojn por certigi ke ili plenumas la WCAG-alireblecajn normojn por teksta legebleco.

1.00:1

Kontrasto

Malsukcesa

Tre malbona

Normala teksto

AA (4.5:1)

AAA (7:1)

Granda teksto

AA (3:1)

AAA (4.5:1)

Teksta Koloro

Fona Koloro

Rapidaj riparoj

Antaŭrigarda titolo

La rapida bruna vulpo saltas super la laca hundo

Ekzemplo de malgranda teksto (12px)

Teksto

#ffffff

Fono

#0a5f6b

WCAG Normoj

Nivelo AA

Minimuma kontrastproporcio de 4.5:1 por normala teksto kaj 3:1 por granda teksto. Bezonata por plejparto de retejoj.

Nivelo AAA

Plibonigita kontrastproporcio de 7:1 por normala teksto kaj 4.5:1 por granda teksto. Rekomendita por plej bona alirebleco.

Nesufiĉa kontrasto por ĉiuj tekstograndecoj - ne plenumas WCAG-normojn.

Kolora kontrasta kontrolilo

Kalkulu la kontrastan rilatumon de teksto kaj fona koloroj.

Elektu koloron per la kolorilo por teksto kaj fona koloro aŭ enigu koloron en RGB-heksadecimalo (ekz., #259 aŭ #2596BE). Vi povas ĝustigi la glitilon por elekti koloron. La Retenhava Alireblaj Gvidlinioj (WCAG) havas specifan gvidlinion por helpi konstati ĉu teksto estas legebla por vidaj uzantoj. Ĉi tiu kriterio uzas apartan algoritmon por mapi kolorajn kombinaĵojn en kompareblajn proporciojn. Uzante ĉi tiun formulon, WCAG diras, ke 4.5:1 kolorkontrasta proporcio kun teksto kaj ĝia fono estas sufiĉa por regula (korpa) teksto, kaj grandaj tekstoj (18+ pt regula, aŭ 14+ pt grasa) devus havi almenaŭ 3:1 kolorkontrasta proporcio.

Ĉefaj trajtoj

Reala-tempa kontrastorilata kalkulo
WCAG AA & AAA kongrua kontrolado
HSL-glitiloj por fajna agordo
Multoblaj antaŭrigardaj formatoj

Altnivelaj iloj

Aŭtomata kolorfiksado
Teksto kaj fona specimenoj
Kolornoma detekto
Eksporti rezultojn