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

Kontrasto

Fail

Tre malbona

Normala Teksto

AA (4.5:1)

✖

AAA (7:1)

✖

Granda teksto

AA (3:1)

✖

AAA (4.5:1)

✖

Teksta Koloro

#FFFFFF

#ffffff

Fona Koloro

#546E7A

#546e7a

Rapidaj Riparoj

Antaŭrigarda Titolo

La rapida bruna vulpo saltas super la laca hundo

Ekzemplo de malgranda teksto (12px)

Teksto

#ffffff

Fono

#546e7a

WCAG Normoj

Level AA

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

Level 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

Kolora Kontrasta Kontrolilo