Muunna hex-värikoodi RGB- ja HSL-muotoon heti ja näe väri reaaliaikaisena esikatseluna.
Hex-värikoodit ovat verkkosuunnittelussa yleisin tapa ilmaista värejä: #-merkillä alkava 6-merkkinen koodi (esim. #6366F1) kertoo värin punaisen, vihreän ja sinisen komponentin kaksinumeroisina heksadesimaalilukuina. RGB (Red, Green, Blue – punainen, vihreä, sininen) esittää saman tiedon kolmena desimaalilukuna väliltä 0–255. HSL (Hue, Saturation, Lightness – sävy, kylläisyys, vaaleus) kuvaa värin sävykulman (0-360 astetta), kylläisyysprosentin (0-100 %) ja vaaleusprosentin (0-100 %) avulla, minkä ansiosta suunnittelijoiden on helpompi säätää väriä. Lyhyet 3-merkkiset hex-koodit (esim. #fff) laajennetaan 6-merkkisiksi toistamalla jokainen merkki (#fff:stä tulee #ffffff).
Yleisiä kysymyksiä värien muuntamisesta
Molemmat ilmaisevat saman värin eri tavoin. Hex tiivistää värin yhdeksi 6-merkkiseksi heksadesimaalikoodiksi (#6366F1), kun taas RGB näyttää punaisen, vihreän ja sinisen komponentin erikseen desimaalilukuina väliltä 0–255 (rgb(99, 102, 241)). Kyse on samasta väristä, se vain merkitään eri tavalla.