Värikontrastin tarkistin

Testaa etu- ja taustavärien kontrastisuhde varmistaaksesi saavutettavuuden.

1.00:1
Kontrasti
Fail
Erittäin huono

Normaali teksti

AA (4.5:1)
AAA (7:1)

Suuri teksti

AA (3:1)
AAA (4.5:1)
White
#ffffff
Celery
#b8c25d

Nopeat korjaukset

Aa

Esikatselun otsikko

Nopea ruskea kettu hyppää laiskan koiran yli

Pienen tekstin esimerkki (12px)

Teksti
#ffffff
Tausta
#b8c25d

WCAG-standardit

Level AA

Vähimmäiskontrastisuhde 4.5:1 normaalille tekstille ja 3:1 suurelle tekstille. Vaaditaan useimmille verkkosivustoille.

Level AAA

Parannettu kontrastisuhde 7:1 normaalille tekstille ja 4.5:1 suurelle tekstille. Suositellaan optimaaliseen saavutettavuuteen.

Riittämätön kontrasti kaikille tekstikokoille - ei täytä WCAG-standardeja.

Värikontrastin tarkistin

Laske tekstin ja taustavärien kontrastisuhde.

Valitse väri käyttämällä värinvalitsinta tekstille ja taustavärille tai syötä väri RGB-hexadesimaalimuodossa (esim. #259 tai #2596BE). Voit säätää liukusäädintä valitaksesi värin. Web Content Accessibility Guidelines (WCAG) tarjoaa erityisen ohjeen, joka auttaa selvittämään, onko teksti luettavissa näkövammaisille käyttäjille. Tämä kriteeri käyttää tiettyä algoritmia värikombinaatioiden vertaamiseen suhteiksi. Tämän kaavan avulla WCAG toteaa, että 4.5:1 värikontrastisuhde tekstin ja sen taustan välillä on riittävä normaalille (leipä)tekstille, ja suurella tekstillä (18+ pt normaali tai 14+ pt lihavoitu) tulisi olla vähintään 3:1 värikontrastisuhde.

Tärkeimmät ominaisuudet

  • Reaaliaikainen kontrastisuhteen laskenta
  • WCAG AA & AAA -vaatimusten tarkistus
  • HSL-liukusäätimet hienosäätöön
  • Useita esikatseluformaatteja

Edistyneet työkalut

  • Automaattinen värikorjaus
  • Tekstin ja taustan näytteet
  • Värinimien tunnistus
  • Vie tulokset