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

Kontrast

Fail

Veldig dårlig

Vanlig tekst

AA (4.5:1)

✖

AAA (7:1)

✖

Stor tekst

AA (3:1)

✖

AAA (4.5:1)

✖

Tekstfarge

#FFFFFF

#ffffff

Bakgrunnsfarge

#546E7A

#546e7a

Raske løsninger

Forhåndsvisningstittel

Den raske brune reven hopper over den late hunden

Eksempel på liten tekst (12px)

Tekst

#ffffff

Bakgrunn

#546e7a

WCAG-standarder

Level AA

Minimum kontrastforhold på 4.5:1 for normal tekst og 3:1 for stor tekst. Kreves for de fleste nettsteder.

Level AAA

Forbedret kontrastforhold på 7:1 for normal tekst og 4.5:1 for stor tekst. Anbefalt for optimal tilgjengelighet.

Utilstrekkelig kontrast for alle tekststørrelser - oppfyller ikke WCAG-standarder.

Fargekontrastkontroll

Beregn kontrastforholdet mellom tekst- og bakgrunnsfarger.

Velg en farge ved å bruke fargevelgeren for tekst- og bakgrunnsfarge eller skriv inn en RGB-hexadecimal farge (f.eks. #259 eller #2596BE). Du kan justere skyveknappen for å velge farge. Web Content Accessibility Guidelines (WCAG) har en spesifikk retningslinje for å sikre at tekst er leselig for seende brukere. Dette kriteriet bruker en spesiell algoritme for å kartlegge fargekombinasjoner til sammenlignbare forhold. Ved å bruke denne formelen sier WCAG at et 4.5:1 fargekontrastforhold med tekst og bakgrunn er tilstrekkelig for vanlig (brød)tekst, og stor tekst (18+ pt vanlig, eller 14+ pt fet) bør ha minst et 3:1 fargekontrastforhold.

Nøkkelfunksjoner

• Sanntidsberegning av kontrastforhold
• WCAG AA & AAA samsvarssjekk
• HSL-glidere for finjustering
• Flere forhåndsvisningsformater

Avanserte verktøy

• Automatisk fargekorrigering
• Tekst- og bakgrunnsprøver
• Fargenavngjenkjenning
• Eksporter resultater