WCAG-värikontrastintarkistus

Arvioi tekstin ja taustavärien kontrastisuhde WCAG 2.1 -ohjeiden mukaisesti. Luo saavutettavia värisäätöjä välittömästi.

HEX/RGB/HSL
HEX/RGB/HSL
Kaikki toimii paikallisesti selaimessasi.

Live-tekstiesikatselu

Suuri otsikko (18pt lihavoitu / 24pt normaali)

Tämä on esikatselu suuren otsikkotekstin tyylistä.

Normaali teksti (alle 18pt)

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

Kontrastisuhde

18.6:1

WCAG 2.1 -yhteensopivuustila

WCAG AA -vaatimukset
Normaali teksti (4.5:1) PASS
Suuri teksti (3.0:1) PASS
WCAG AAA -vaatimukset
Normaali teksti (7.0:1) PASS
Suuri teksti (4.5:1) PASS

WCAG 2.1 -ohjeet

Tarkista helposti kontrastistandardit rakentaaksesi saavutettavia käyttöliittymiä, jotka ovat Section 508, ADA ja WCAG AA tai AAA -ohjeiden mukaisia.

Ehdotusmoottori

Säädä värejä automaattisesti asteittain HSL-koordinaatteja pitkin löytääksesi lähimmät vaihtoehdot, jotka täyttävät kontrastisuhteen kriteerit.

Täysin asiakaspuolella

Laskelmat suoritetaan paikallisesti selaimesi kontekstissa. Mitään värejä, tiedostoja tai telemetriakoordinaatteja ei lähetetä palvelimillemme.

Related Color Tools

HEX RGB HSL Väri Muunnin
Muunna värejä ja säädä vaaleuskoordinaatteja.
Kuvan värivalitsin
Poimi väripaletteja suunnittelumalleista.
CSS-värien muunnin
Muunna CMYK-, HSV-, RGB-, HSL- ja HEX-muotojen välillä.