Värimuunnin
Liitä HEX-, RGB-, HSL- tai värin nimi, ja saat kaikki muodot kerralla sekä WCAG-kontrastitarkistuksen.
- Toimii laitteellasi
- Ei rekisteröitymistä
- Toimii offlinessa vierailun jälkeen
Hyväksyy #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() tai CSS-värinimen, kuten rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Kukin suhde on WCAG 2.x:n mukainen. Suurta tekstiä on 24px tai enemmän tai 18,66px ja lihavoitu. Hyväksymisrajoja verrataan tarkkaan suhteeseen, ja läpikuultava väri sekoitetaan ensin kunkin taustan kanssa.
Miten muunna värikoodi
- Kirjoita HEX, rgb(), hsl() tai värin nimi, tai valitse väri värinäytteestä.
- Kopioi tarvitsemasi muoto viidestä tuloksesta.
- Lue kontrastisuhde sekä AA- ja AAA-merkinnät valkoisella, mustalla ja valitsemallasi taustalla.
Kysymykset
Miksi CMYK-arvo on vain suuntaa antava?
CMYK riippuu tulostimen musteesta, paperista ja väriprofiilista. Tämä muunnin käyttää yksinkertaista laskukaavaa, joka ei huomioi mitään näistä, joten painettu väri eroaa näytöllä näkyvästä. Pyydä tulostimelta koevedos ennen suurta painoerää.
Miten kontrastisuhde lasketaan?
WCAG 2.x laskee kunkin värin suhteellisen luminanssin sen punaisen, vihreän ja sinisen arvon perusteella gammakorjauksen jälkeen. Suhde on vaaleamman luminanssi plus 0,05 jaettuna tummemman luminanssi plus 0,05 -arvolla. Musta valkoisella antaa 21:1, mahdollisista korkeimman.
Mitä raja-arvoja tarkistus käyttää?
WCAG 2.x vaatii tasolla AA vähintään 4,5:1 tavalliselle tekstille ja 3:1 suurelle tekstille, tasolla AAA 7:1 ja 4,5:1. Suurta tekstiä on 24px tai enemmän tai 18,66px ja lihavoitu.
Mitä värimuotoja kenttä hyväksyy?
Kolmen, kuuden tai kahdeksan merkin heksadesimaalikoodit, rgb() ja rgba(), hsl() ja hsla() sekä CSS-värinimet, kuten rebeccapurple. Selain lukee arvon, joten kaikki, minkä selain tunnistaa CSS-väriksi, toimii.
Arvostelut
Ei vielä arvosteluja. Ole ensimmäinen.