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 malriĉa

Normala Teksto

AA (4.5:1)

✖

AAA (7:1)

✖

Granda teksto

AA (3:1)

✖

AAA (4.5:1)

✖

Teksta Koloro

Black

#000000

Fona Koloro

Black

#ff7e00

Rapidaj Solvoj

Antaŭrigarda Titolo

La rapida bruna vulpo saltas super la mallaborema hundo

Ekzemplo de malgranda teksto (12px)

Teksto

#000000

Fono

#ff7e00

WCAG-Normoj

Level AA

Minimuma kontrastoproporcio de 4,5:1 por normala teksto kaj 3:1 por granda teksto. Necesa por plej multaj retejoj.

Level AAA

Plibonigita kontrastoproporcio de 7:1 por normala teksto kaj 4,5:1 por granda teksto. Rekomendita por optimuma alirebleco.

Malbona kontrasto por ĉiuj tekstaj grandecoj.

Kolora Kontrasto Kontrolilo

Kalkulu la kontrastoproporcion de teksto kaj fonkoloroj.

Elektu koloron uzante la kolor-elekton por teksto kaj fonkoloro aŭ enigu koloron en RGB-deksesuma formato (ekz. #259 aŭ #2596BE). Vi povas ĝustigi la glitilon por elekti koloron. La Gvidlinioj pri Alirebleco de TTT-enhavo (WCAG) havas specifan gvidlinion por helpi eltrovi ĉu teksto estas legebla por videblaj uzantoj. Ĉi tiu kriterio uzas apartan algoritmon por mapi kolorkombinojn en kompareblajn proporciojn. Uzante tiun formulon, WCAG deklaras ke 4.5:1 kolorkontrastoproporcio 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 kolora kontrastoproporcio.

Ĉefaj Trajtoj

• Kalkulo de realtempa kontrasto-proporcio
• Kontrolado de plenumo de WCAG AA kaj AAA
• HSL-ŝoviloj por fajnagordado
• Multoblaj antaŭrigardaj formatoj

Altnivelaj Iloj

• Aŭtomata kolorfiksado
• Teksto kaj fonaj specimenoj
• Detekto de kolornomo
• Eksporti rezultojn

ImageColorPicker.com

Kolorkontrasta Kontrolilo