Näin muunnat värin
- Napsauta värilaatikkoa valitaksesi värin tai kirjoita se tekstikenttään.
- Voit kirjoittaa sen HEX-muodossa (#1e90ff), rgb()-muodossa, hsl()-muodossa tai englanninkielisellä nimellä.
- Näet värin esikatselussa sekä sen HEX-, RGB-, HSL- ja CMYK-vastineet.
- Kopioi tarvitsemasi muoto ja tarkista kontrasti valkoisella tai mustalla tekstillä.
Mihin sitä käytetään
Suunnittelijat ja kehittäjät muuntavat väriä usein muodosta toiseen: paletin HEX, tyylitiedoston rgb(), HSL vaaleampien tai tummempien muunnelmien luomiseen. Tämä työkalu tekee sen yhdellä kertaa.
Se laskee myös värin kontrastin valkoiseen ja mustaan tekstiin WCAG-saavutettavuusohjeiden mukaan: 4,5:1 AA-tason täyttämiseksi ja 7:1 AAA-tasolle tavallisella tekstillä.
CMYK on yksinkertainen muunnos, hyödyllinen suuntaa antavana; ammattimaiseen painamiseen tulee käyttää suunnitteluohjelmasi väriprofiilia.
Pidä mielessä
- CMYK lasketaan RGB:stä vakiokaavalla ilman väriprofiilia, joten se voi poiketa painetusta tuloksesta.
- Värien nimet toimivat englanniksi (red, tomato, navy…).
- Selaimen oma valitsin voi näyttää erilaiselta selaimesta ja laitteesta riippuen.
Usein kysytyt kysymykset
Miten muunnan HEXin RGB:ksi?
Kirjoita HEX (esimerkiksi #1e90ff), niin työkalu näyttää heti vastaavan rgb():n sekä HSL:n ja CMYK:n.
Mikä on WCAG-kontrasti?
Se mittaa tekstin luettavuutta taustalla. Suhde 4,5:1 täyttää AA-tason ja 7:1 AAA-tason tavallisella tekstillä.
Hyväksyykö se läpinäkyvät värit?
Kyllä: voit kirjoittaa #rrggbbaa, rgba() tai hsla(), ja ne näytetään myös läpinäkyvyyksineen.
Lähetetäänkö mitään palvelimelle?
Ei. Kaikki lasketaan selaimessasi.
Onko se ilmainen?
Kyllä, se on ilmainen, ei vaadi rekisteröitymistä ja toimii suoraan selaimessasi.