Fargekontrast-sjekk

Sjekk WCAG-kontrastforholdet mellom forgrunns- og bakgrunnsfarger, inkludert AA/AAA for normal og stor tekst.

Farger
Sjekk WCAG-kontrastforholdet mellom forgrunns- og bakgrunnsfarger, inkludert AA/AAA for normal og stor tekst.
Resultater
Gjennomsiktige farger blandes med hvitt for kontrast.
Kontrastforhold
18.88:1
AA (normal): BeståttAA (stor): BeståttAAA (normal): BeståttAAA (stor): Bestått
Forgrunn
#111111
Bakgrunn
#FFFFFF
Aa Bb Cc 123
Forhåndsvisning
Normal tekst / Stor tekst
Normal tekst

Aa Bb Cc 123

Stor tekst

Aa Bb Cc 123

Hva er fargekontrast?

Kontrastforholdet måler luminansforskjellen mellom tekst (forgrunn) og bakgrunn på en skala fra 1:1 (ingen kontrast) til 21:1 (svart på hvitt).

Dette verktøyet konverterer farger til sRGB, blander transparens før sammenligning og bruker WCAG-formelen for relativ luminans.

WCAG-terskler

  • AA: 4.5:1 for normal tekst, 3:1 for stor tekst.
  • AAA: 7:1 for normal tekst, 4.5:1 for stor tekst.
  • Stor tekst er 18pt+ normal eller 14pt+ fet.
  • UI-komponenter, ikoner og grafikk bør sikte på minst 3:1.

Høyere forhold forbedrer lesbarheten, spesielt med tynne skrifter eller små størrelser.