Kontrastkontroll

Räkna ut kontrastförhållandet mellan textfärg och bakgrundsfärg enligt WCAG-standarden.

Textfärg
Bakgrundsfärg
Kontrast
1.00
Liten text
Stor text

Förhandsvisning

Så här ser din text ut på den valda bakgrunden. Justera färgerna tills den är lätt att läsa.

Vad är kontrastförhållande?

Det är ett mått på skillnaden i ljushet mellan två färger, uttryckt som ett förhållande från 1:1 (ingen kontrast) till 21:1 (max, svart på vitt). Ju högre värde, desto lättare är texten att läsa.

Vilka värden kräver WCAG?

För liten text kräver nivå AA ett förhållande på minst 4,5:1 och nivå AAA 7:1. För stor text (18 pt eller 14 pt fetstil) kräver AA 3:1 och AAA 4,5:1. Klarar du de här gränserna kan de flesta läsa ditt innehåll, även personer med nedsatt syn.

Förhandsvisning

Så här ser din text ut på den valda bakgrunden. Justera färgerna tills den är lätt att läsa.