Farvekontrast-tjekker

Dette er en WCAG-farvekontrasttjekker, der viser det nøjagtige kontrastforhold mellem en tekstfarve og en baggrundsfarve, og om det opfylder AA- og AAA-tilgængelighedsniveauerne. Vælg farver med farveprøven eller ved hex-kode, og se en live-forhåndsvisning.

Juster de to farver, indtil badgene består det niveau, du har brug for, og resultatet opdateres øjeblikkeligt, mens du arbejder.

Tekst, der ligger for tæt på sin baggrund i lyshed, er svær eller umulig at læse, især for personer med nedsat syn eller farvesynsdefekter, eller for enhver på en telefon i skarpt sollys. Nok kontrast holder dit indhold læsbart for alle.

Web Content Accessibility Guidelines (WCAG) sætter standarden. AA, det niveau de fleste sites sigter mod, og som mange tilgængelighedslove henviser til, kræver et forhold på 4,5:1 for normal tekst og 3:1 for stor tekst. AAA er strengere med 7:1 og 4,5:1.

Stor tekst får en lavere tærskel, fordi større bogstaver forbliver læsbare ved mindre kontrast. Den tæller som stor ved cirka 24px (18pt) eller 18,66px (14pt), når den er fed.

Forholdet kommer fra de to farvers relative luminans ved hjælp af den officielle WCAG-formel og producerer en værdi fra 1:1 (ingen kontrast, identiske farver) op til 21:1 (sort på hvid).

Alt beregnes i din browser, så det er øjeblikkeligt og privat. Intet af det, du vælger, uploades nogen steder.