Anna CSS-väriarvo, esimerkiksi #ff6600, ff6600, rgb(255 102 0) tai hsl(24 100% 50%). Työkalu näyttää värin ja muuntaa sen yleisiin CSS-muotoihin.
Läpinäkyvä tausta, jota käytetään kontrastin laskemiseen läpinäkyvällä värillä. Se muuttaa vertailun taustaa, ei syöttämääsi väriä.
Arvot ratkaistaan tässä selaimessa sRGB:ksi. Kontekstista riippuvaisia värejä, kuten currentColor, var() ja järjestelmävärejä, ei hyväksytä. Laaja-avaruus- ja CSS Color 4 -toiminnot eivät ole tämän työkalun tukemien syöttömuotojen ulkopuolella. Läpinäkyvyys säilyy RGBA:ssa, HSLA:ssa ja alfassa HEX. RGB ja HSL jättävät alfan pois. Kontrastikynnykset eivät korvaa täydellistä esteettömyystarkastusta.
Anna kelvollinen CSS-väriarvo.
Syöttö on muuttunut. Tämä raportti kuuluu edelleen viimeiseen onnistuneeseen ajoon.
Värinäyte ilmestyy tänne
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-syöte
—
WCAG kontrastisuhde:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 on tavallisen tekstin AA-kynnys; 3:1 koskee vain riittävän suurta tekstiä. 7:1 on AAA tavalliselle tekstille. Väriparien tarkistus ei määritä sivun yleistä käytettävyyttä.
Miksi käyttää online-CSS-värintarkistusta?
Tämän työkalun avulla voit nopeasti visualisoida minkä tahansa CSS-väriarvon suoraan selaimessasi. Voit liittää koodeja suunnittelujärjestelmästä, tyylioppaasta tai asettelusta ja nähdä heti, miltä ne näyttävät näytöllä.
Käytä sitä, kun valmistelet verkkosivuston tyylejä, sovitat brändivärejä tai korjaat olemassa olevia asetteluja. Tarkistin tukee kaikkia tavallisia CSS-formaatteja, mukaan lukien HEX, RGB, RGBA, HSL ja nimetyt värit.
Pika aloitus
Muunna CSS väriä ja tarkista tekstin kontrasti läpinäkymättömällä taustalla alfalla.
Arvostelut tarkistetaan ennen julkaisemista. Julkaisemme aitoa positiivista palautetta ja erityistä kritiikkiä. Roskapostia ja loukkauksia, joissa ei ole hyödyllisiä yksityiskohtia, ei julkaista; kiroilu ja henkilötiedot peitetään. Myönteiset äänet lasketaan välittömästi; negatiiviset äänet lasketaan tarkastelun jälkeen.
Arvostelut kuvastavat käyttäjien kokemuksia, eivät takuita tuloksista tai kuvausta palvelurajoista. Käytä yllä olevia arviointipainikkeita jättääksesi arvostelun.
