HEX-koodi on 6-merkkinen heksadesimaalinen esitysmuoto värille, esim. #3B82F6. Käytetään yleisesti CSS:ssä ja digitaalisessa designissa.

Milloin käytän CMYK:ta?

CMYK on tarkoitettu painotuotteille (esim. lehdet, esitteet). Näytöillä ja webissä käytetään yleensä RGB tai HEX.

HSL (Hue, Saturation, Lightness) on värimalli joka kuvaa väriä sävyllä, kylläisyydellä ja vaaleudella. Helpompi muokata ohjelmallisesti.

Mitä eroa on RGB:llä ja HEX-koodilla?

Ne kuvaavat saman värin eri tavalla. RGB ilmoittaa punaisen, vihreän ja sinisen arvot (0–255), HEX on sama tieto 16-järjestelmän muodossa (#RRGGBB). Esimerkiksi rgb(255,0,0) = #FF0000 = punainen.

🎨 Värimuunnin

Muunna värit HEX, RGB, HSL ja CMYK -muotojen välillä.

Valitse väri

#3B82F6

HEX	#3B82F6
RGB	rgb(59, 130, 246)
HSL	hsl(217, 91%, 60%)
CMYK	cmyk(76%, 47%, 0%, 4%)

Värimuunnin muuntaa värit HEX-, RGB-, HSL- ja CMYK-muotojen välillä reaaliajassa. Se sopii web-suunnittelijoille, graafikoille ja kehittäjille, jotka tarvitsevat saman värin eri koodimuodoissa nopeasti ja kopioitavassa muodossa.

Miten laskuri toimii ja mihin sitä käytetään▾

Miten värimuunnin toimii

Muunnin lukee antamasi värin yhdessä muodossa ja laskee sitä vastaavat arvot muissa malleissa. HEX ja RGB kuvaavat saman punaisen, vihreän ja sinisen yhdistelmän eri tavoin, HSL kuvaa värin sävynä, kylläisyytenä ja vaaleutena.

CMYK puolestaan kuvaa värin painatukseen sopivina syaanin, magentan, keltaisen ja mustan osuuksina. Muunnos näiden välillä on matemaattinen, joten sama väri säilyy mahdollisimman tarkasti mallista toiseen.

Mitä syötät ja mitä saat

Voit antaa värin valitsimella tai kirjoittamalla koodin, esimerkiksi HEX-arvon. Muunnin näyttää saman värin kaikissa tuetuissa muodoissa.

Koodit ovat valmiiksi kopioitavassa muodossa, joten voit siirtää värin suoraan CSS-tyyleihin, suunnitteluohjelmaan tai painomateriaaliin ilman manuaalista muuntamista.

Kenelle muunnin on hyödyllinen

Web-kehittäjä tarvitsee usein HEX- tai RGB-arvon CSS:ää varten, kun taas painotyö vaatii CMYK-arvot. Värimuunnin yhdistää nämä maailmat saman työkalun alle.

Se on kätevä myös brändivärien dokumentointiin, kun haluat varmistaa, että sama sävy toistuu yhdenmukaisena niin näytöllä kuin painotuotteessa.

Hyvä tietää

Näyttö käyttää valomalleja kuten RGB ja HSL, kun taas paino perustuu väriainemalliin CMYK. Tästä syystä kaikkia kirkkaita näyttövärejä ei voi toistaa täysin samanlaisina painettuna.

Käytä CMYK-arvoja siksi suuntaa-antavina painotöissä ja varmista lopullinen sävy painotalon kanssa, jos värin tarkkuus on kriittistä.

🔄 Tiedot tarkistettu kesäkuussa 2026