Kontrollera kontrastförhållandet mellan två färger mot WCAG-nivåerna AA och AAA för tillgänglighet.
Så använder du Kontrastkontroll
Välj en textfärg och en bakgrundsfärg.
Läs av kontrastförhållandet och WCAG-märkena för godkänd eller underkänd.
Justera färgerna tills de klarar den nivå du behöver.
Vanliga frågor
WCAG AA kräver 4,5:1 för normal text och 3:1 för stor text (18 pt eller 14 pt fetstil). AAA kräver 7:1 respektive 4,5:1.
Text som är minst 24 px (18 pt), eller 18,66 px (14 pt) när den är fetstil. Stor text tillåts ett lägre kontrastförhållande.
Från den relativa luminansen för varje färg med den officiella WCAG-formeln, vilket ger ett värde från 1:1 (ingen kontrast) till 21:1 (svart på vitt).
En WCAG-färgkontrastkontroll som visar det exakta kontrastförhållandet mellan en text- och bakgrundsfärg och om det uppfyller tillgänglighetsnivåerna AA och AAA.
Välj färger med färgrutan eller via hex-kod och se en direkt förhandsvisning. Bra kontrast gör din webbplats läsbar och tillgänglig.
Relaterade verktyg
Skapa SHA-1, SHA-256, SHA-384 och SHA-512-hashar av valfri text, direkt i din webbläsare.
Omvandla färger mellan HEX, RGB och HSL med en direkt förhandsvisning.
Omvandla Unix-tidsstämplar till läsbara datum och tillbaka: UTC, lokal tid, ISO 8601 och relativ tid. Sekunder och millisekunder identifieras automatiskt.
Procentkoda och avkoda URL:er och URL-komponenter, UTF-8-säkert.