Värimuunnin

Muunna värejä HEX-, RGB-, HSL- ja CMYK-muotojen välillä. Valitse väri värivalitsimella tai syötä arvot suoraan.

Värivalitsin
#696CFF
Esiasetusvärit
HEX (Hexadecimal)
#696CFF
RGB (Red, Green, Blue)
rgb(105, 108, 255)
RGBA (with Alpha)
rgba(105, 108, 255, 1)
HSL (Hue, Saturation, Lightness)
hsl(239, 100%, 71%)
HSLA (with Alpha)
hsla(239, 100%, 71%, 1)
CMYK (Cyan, Magenta, Yellow, Key)
cmyk(59%, 58%, 0%, 0%)
CSS Variable
--color-primary: #696CFF;

Tietoa värimuodoista

HEX-värikoodi

HEX-värit käyttävät heksadesimaalimerkintää (#RRGGBB). Jokainen pari edustaa punaista, vihreää ja sinistä arvoa välillä 00-FF (0-255). Esimerkki: #FF0000 on puhdas punainen. Lyhennemuoto: #RGB laajennetaan #RRGGBB (esim. #F00 = #FF0000).

RGB-värimalli

RGB käyttää punaisia, vihreitä ja sinisiä arvoja välillä 0-255. rgb(255, 0, 0) on punainen. RGBA lisää alfa-kanavan (0-1) läpinäkyvyydelle. rgba(255, 0, 0, 0.5) on 50% läpinäkyvä punainen.

HSL-värimalli

HSL käyttää sävyä (0-360°), kylläisyyttä (0-100%) ja vaaleutta (0-100%). Sävy on väriympyrän kulma: 0=punainen, 120=vihreä, 240=sininen. HSL on intuitiivisempi värivariaatioiden luomiseen.

CMYK-värimalli

CMYK on tulostukseen: syaani, magenta, keltainen, avain(musta). Toisin kuin RGB (additiivinen), CMYK on subtraktiivinen - värien sekoittaminen tummentaa. Web-värit perustuvat RGB:hen, joten CMYK-muunnos on arvio.