Vad är det minsta WCAG-kontrastförhållandet?

WCAG 2.1 AA kräver ett kontrastförhållande på minst 4.5:1 för normal text och 3:1 för stor text. AAA kräver minst 7:1 för normal text och 4.5:1 för stor text.

Vad kvalificeras som stor text?

Stor text definieras som 18pt (ca 24px) eller större, eller 14pt (ca 18.67px) fet eller större.

Laddar det här verktyget upp mina färger?

Nej. Alla beräkningar, utvärderingar av relativ luminans och färgmodifieringar sker i din webbläsare med JavaScript. Ingen färgdata skickas till servern.

WCAG Färgkontrastkontroll

Utvärdera kontrastförhållandet mellan text- och bakgrundsfärger enligt WCAG 2.1-riktlinjerna. Generera tillgängliga färganpassningar direkt.

Text / Förgrundsfärg HEX/RGB/HSL

Background Color HEX/RGB/HSL

Allt körs lokalt i din webbläsare.

Live textförhandsvisning

Stor rubrik (18pt fet / 24pt vanlig)

Detta är en förhandsvisning av stor rubriktextstil.

Normal text (under 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Kontrastförhållande

18.6:1

WCAG 2.1 Efterlevnadsstatus

WCAG AA-krav

Normal text (4.5:1) PASS

Stor text (3.0:1) PASS

WCAG AAA-krav

Normal text (7.0:1) PASS

Stor text (4.5:1) PASS

WCAG 2.1 Riktlinjer

Verifiera enkelt kontraststandarder för att bygga tillgängliga gränssnitt som följer Section 508, ADA och WCAG AA eller AAA-riktlinjer.

Förslagsmotor

Justera färger automatiskt inkrementellt längs HSL-koordinater för att upptäcka närmaste alternativ som uppfyller kontrastförhållandekriterierna.

Helt klientbaserad

Beräkningar utförs lokalt i din webbläsare. Inga färger, filer eller telemetrikoordinater överförs till våra servrar.

Related Color Tools

HEX RGB HSL Färgkonverterare

Konvertera färger och justera ljushetskoordinater.

Bildfärgväljare

Extrahera färgpaletter från designmockuper.

CSS Färgkonverterare

Konvertera mellan CMYK, HSV, RGB, HSL och HEX-format.