Färgkontrastkontroll

Så gör du

1. 1
   Fyll i fälten

   Skriv dina siffror eller välj de alternativ du behöver.

2. 2
   Se resultatet

   Svaret uppdateras direkt när du ändrar ett värde.

3. 3
   Använd det

   Kopiera resultatet eller skriv ner det. Inget skickas någonstans.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Lösta exempel

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Tips för bästa resultat

Kontrollera varje fält innan du litar på ett resultat, eftersom en enda fel siffra ändrar hela svaret. Använd de exakta siffrorna från en lönespecifikation, faktura, intyg eller avtal och anteckna datumet du räknade. Satser, tröskelvärden och regler ändras då och då, så för skatt, avgifter och juridiska frågor bör du se resultatet som en uppskattning och kontrollera det mot den officiella källa som anges på den här sidan. Du kan prova hur många scenarier som helst; inget sparas eller skickas och att ladda om sidan rensar fälten.