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

Sjekk fargene dine

Test fargekombinasjoner for å sikre at de oppfyller WCAG-tilgjengelighetsstandarder for tekstlesbarhet.

1.00:1

Kontrast

Ikke bestått

Veldig dårlig

Vanlig tekst

AA (4.5:1)

AAA (7:1)

Stor tekst

AA (3:1)

AAA (4.5:1)

Tekstfarge

Bakgrunnsfarge

Raske løsninger

Forhåndsvisningstittel

Den raske brune reven hopper over den late hunden

Eksempel på liten tekst (12px)

Tekst

#ffffff

Bakgrunn

#f95a61

WCAG-standarder

Nivå AA

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

Nivå 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