Värimuunnin
Muunna HEX-, RGB- ja HSL-värikoodien välillä reaaliaikaisella esikatselulla.
Värimuodot selitettynä
HEX esittää värit 6-numeroisena koodina, jossa jokainen numeropari edustaa punaisen, vihreän ja sinisen intensiteettiä. RGB ilmaisee saman tiedon kolmena desimaalilukuna 0–255. HSL esittää värin sävynä, kylläisyytenä ja vaaleutena — usein suunnittelijoiden suosima muoto.
Milloin käyttää mitäkin muotoa
Käytä HEXiä tiiviisiin CSS-väri-ilmoituksiin. Käytä RGB:tä läpinäkyvyyden kanssa rgba()-muodossa. Käytä HSL:ää kun tarvitset generoida värivariaatioita säätämällä vain vaaleutta.
Usein kysytyt kysymykset
Miksi joissakin hex-koodeissa on 8 numeroa 6:n sijaan?
8-numeroinen hex-koodi sisältää alfa-kanavan (läpinäkyvyys) kahtena viimeisenä numerona.
Ovatko HEX, RGB ja HSL aina täysin vaihtokelpoisia?
Kyllä, standardeille sRGB-väreille nämä kolme muotoa esittävät täsmälleen saman värin ilman tarkkuuden menetystä.