Färgkontrastkontroll

Kontrollerar WCAG-kontrastförhållandet mellan förgrunds- och bakgrundsfärger, inklusive AA/AAA för normal och stor text.

Färger
Kontrollerar WCAG-kontrastförhållandet mellan förgrunds- och bakgrundsfärger, inklusive AA/AAA för normal och stor text.
Resultat
Transparenta färger blandas med vitt för kontrast.
Kontrastförhållande
18.88:1
AA (normal): GodkändAA (stor): GodkändAAA (normal): GodkändAAA (stor): Godkänd
Förgrund
#111111
Bakgrund
#FFFFFF
Aa Bb Cc 123
Förhandsgranskning
Normal text / Stor text
Normal text

Aa Bb Cc 123

Stor text

Aa Bb Cc 123

Vad är färgkontrast?

Kontrastförhållandet mäter luminansskillnaden mellan text (förgrund) och bakgrund på en skala från 1:1 (ingen kontrast) till 21:1 (svart på vitt).

Det här verktyget konverterar färger till sRGB, blandar transparens innan jämförelse och använder WCAG:s relativa luminansformel.

WCAG-gränser

  • AA: 4.5:1 för normal text, 3:1 för stor text.
  • AAA: 7:1 för normal text, 4.5:1 för stor text.
  • Stor text är 18pt+ normal eller 14pt+ fet.
  • UI-komponenter, ikoner och grafik bör sikta på minst 3:1.

Högre värden förbättrar läsbarheten, särskilt med tunna typsnitt eller små storlekar.