← Alla verktyg
Kontrastkontroll
Räkna ut kontrastvärde mellan textfärg och bakgrundsfärg enligt WCAG. Allt körs i din webbläsare — ingen data skickas någonstans.
Granska — exempeltext stor
Detta är ett exempel på brödtext med vald förgrundsfärg och bakgrundsfärg. Brödtext behöver normalt 4.5:1 i kontrastvärde enligt WCAG 2.2 nivå AA.
Kontrastvärde
19.80:1
Brödtext (WCAG AA, 4.5:1)Godkänt
Stor text (WCAG AA, 3.0:1)Godkänt
Brödtext (WCAG AAA, 7.0:1)Godkänt
Stor text (WCAG AAA, 4.5:1)Godkänt
UI-komponenter (WCAG 1.4.11, 3.0:1)Godkänt
Vad betyder kontrastvärdena?
- 4.5:1 — minsta värde för brödtext enligt WCAG 1.4.3 nivå AA
- 3.0:1 — minsta värde för stor text (18pt+ eller 14pt+ fet)
- 7.0:1 — rekommenderat värde för WCAG 1.4.6 nivå AAA (förbättrad kontrast)
- 3.0:1 — minsta värde för UI-komponenter (borders, ikoner) enligt 1.4.11