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

White

#ffffff

Fona Koloro

Pewter

#96a8a1

Rapidaj Riparoj

Antaŭrigarda Titolo

La rapida bruna vulpo saltas super la laca hundo

Ekzemplo de malgranda teksto (12px)

Teksto

#ffffff

Fono

#96a8a1

WCAG Normoj

Level AA

Minimuma kontrasta rilatumo de 4.5:1 por normala teksto kaj 3:1 por granda teksto. Necesa por plej multaj retejoj.

Level AAA

Plibonigita kontrasta rilatumo de 7:1 por normala teksto kaj 4.5:1 por granda teksto. Rekomendita por optimuma 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 uzante la kolorselectoron por teksto kaj fona koloro aŭ enigu koloron en RGB-heksoformato (ekz., #259 aŭ #2596BE). Vi povas ĝustigi la glitilon por elekti koloron. La Rekomendoj pri Alirebleco de Reta Enhavo (WCAG) havas specifan gvidlinion por helpi determini ĉu teksto estas legebla por vidantaj uzantoj. Ĉi tiu kriterio uzas specifan algoritmon por mapi kolorajn kombinaĵojn en kompareblajn rilatumojn. Uzante ĉi tiun formulon, WCAG deklaras ke 4.5:1 kolora kontrasta rilatumo kun teksto kaj ĝia fono estas adekvata por regula (korpa) teksto, kaj granda teksto (18+ pt regula, aŭ 14+ pt grasa) devus havi almenaŭ 3:1 koloran kontrastan rilatumon.

Ĉ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

ImageColorPicker.com

Kolora Kontrasta Kontrolilo