Hoppa till innehåll

Färgkontrastkontroll

Gratis färgkontrastkontroll online. Mät kontrastförhållande enligt WCAG AA/AAA, verifiera webbtillgänglighet. Bearbetas i webbläsaren.

Gratis färgkontrastkontroll online som testar kontrastförhållanden mellan två färger mot WCAG 2.1-tillgänglighetsstandarder (AA, AAA). All bearbetning i din webbläsare – ingen serverkommunikation. Nödvändig för efterlevnad av webbtillgänglighet och validering av UI-design.

Förgrund
Bakgrund
21.00:1
Kontrastförhållande
Normal text
AA (4.5:1)Godkänd
AAA (7:1)Godkänd
Stor text
AA (3:1)Godkänd
AAA (4.5:1)Godkänd
Förhandsvisning

Yxskansen Quinn körde just förbi 1234567890

Yxskansen Quinn körde just förbi 1234567890

lock Filer skickas inte till någon server

Hur använder man Färgkontrastkontroll?

  1. Ange förgrundsfärg (text) och bakgrundsfärg.
  2. Kontrollera kontrastförhållandet och WCAG-betyget (AA/AAA).
  3. Justera färger vid behov för att uppfylla standarderna.

Vanliga frågor om Färgkontrastkontroll

Vad är skillnaden mellan WCAG AA och AAA?

AA kräver 4.5:1 för normal text och 3:1 för stor text. AAA är striktare med 7:1 respektive 4.5:1.

Vad gör jag om mitt kontrastförhållande inte godkänns?

Justera färgerna ljusare eller mörkare för att öka kontrasten. Verktyget visar resultat i realtid medan du justerar.