Jaa laskuriLinkki kopioitu

Värikontrastin tarkistus

Tarkista tekstin ja taustan välinen kontrastisuhde WCAG 2.1 -standardin mukaisesti. Varmista saavutettavuus helposti.

Yleisiä väripareja

Otsikkoteksti (24px bold)

Normaali leipäteksti (16px). Tämä on esimerkki siitä, miltä teksti näyttää valitsemillasi väreillä.

Pieni teksti (14px) — tarkista luettavuus myös pienemmällä koolla.

Erittäin pieni teksti (12px).

Kontrastisuhde

14.63:1

Erinomainen

WCAG 2.1 -vaatimukset

AA normaali teksti

Vaadittu: 4.5:1

OK

AA iso teksti (18px+ bold)

Vaadittu: 3:1

OK

AAA normaali teksti

Vaadittu: 7:1

OK

AAA iso teksti (18px+ bold)

Vaadittu: 4.5:1

OK

Väritiedot

Taustaväri

#FFFFFF | RGB(255, 255, 255) | Luminanssi: 1.0000

Tekstiväri

#1E293B | RGB(30, 41, 59) | Luminanssi: 0.0218

Värikontrastin tarkistus – Tarkista tekstin ja taustan välinen kontrastisuhde WCAG 2.1 -standardin mukaisesti
Värikontrastin tarkistus. Tarkista tekstin ja taustan välinen kontrastisuhde WCAG 2.1 -standardin mukaisesti.

Usein kysytyt kysymykset