CMYK–RGB-värimuunnin

Muunna CMYK muotoon RGB kirjoittaessasi – ilmainen, välitön, varustettu esimerkillä ja yleisimpien värien taulukolla.

Käytännön esimerkki

CMYK 0%, 66%, 80%, 0% = RGB 255, 87, 51

Miten muunnos toimii

  • CMYK ilmaisee värin syaanin, magentan, keltaisen ja mustan musteen prosenttiosuuksina. Näytöllä tämä on standardi likiarvo – todellinen painojälki vaihtelee tulostusprofiilin ja paperin mukaan.

Yleisimmät värit arvoina CMYK ja RGB

VäriCMYKRGB
Punainen0%, 100%, 100%, 0%255, 0, 0
Oranssi0%, 35%, 100%, 0%255, 165, 0
Keltainen0%, 0%, 100%, 0%255, 255, 0
Vihreä100%, 0%, 100%, 50%0, 128, 0
Syaani100%, 0%, 0%, 0%0, 255, 255
Sininen100%, 100%, 0%, 0%0, 0, 255
Purppura0%, 100%, 0%, 50%128, 0, 128
Vaaleanpunainen0%, 25%, 20%, 0%255, 192, 203
Ruskea0%, 75%, 75%, 35%165, 42, 42
Valkoinen0%, 0%, 0%, 0%255, 255, 255
Harmaa0%, 0%, 0%, 50%128, 128, 128
Musta0%, 0%, 0%, 100%0, 0, 0

Jokainen muunnos tapahtuu selaimessasi. Mitään syöttämiäsi tietoja ei lähetetä BroBroGo-palveluun.

Usein kysytyt kysymykset

Miten muunnan värin CMYK muotoon RGB?

Kirjoita tai liitä CMYK-arvosi yläpuolelle – RGB-arvo päivittyy sitä mukaa kun kirjoitat. Voit myös valita värin visuaalisesti värivalitsimella.

Onko muunnos tarkka?

Se käyttää näytöille tarkoitettua vakiokaavaa. Todellinen painoväri riippuu tulostimen ICC-profiilista, musteista ja paperista, joten pidä CMYK-arvoja vain suuntaa-antavana lähtökohtana painotöissä.

Työkalun tarkoitus ja käyttötapaus

Tämä sivu muuntaa CMYK-väriarvot RGB-arvoiksi. Syötät neljä prosenttilukua – syaani (cyan), magenta, keltainen (yellow) ja musta (key) – ja saat heti vastaavan RGB-arvon kolmena kokonaislukuna väliltä 0–255. Lisäksi työkalu näyttää värin muissa yleisissä esitysmuodoissa: HEX, HSL, HSV, CMYK ja LAB. Kaikki tulosteet päivittyvät reaaliaikaisesti, kun muutat mitä tahansa syötekenttää.

Työkalun ensisijainen kohderyhmä on graafiset suunnittelijat, jotka haluavat nähdä, miltä painoväri näyttää näytöllä. Front‑end-kehittäjät käyttävät sitä muuntaessaan painotuotannon brändivärejä HEX- tai RGB-muotoon verkkosivuja varten. Myös kaikki, jotka työskentelevät sekä paino- että digitaalisten materiaalien parissa ja tarvitsevat väriarvojen siirtämistä järjestelmästä toiseen, hyötyvät tästä ominaisuudesta.

Mikä tekee tästä sivusta erilaisen? CMYK käyttää subtraktiivista nelikanavaista mustemallia, jonka väriavaruus (gamut) on pienempi kuin RGB:n. RGB puolestaan on additiivinen kolmikanavamalli, joka vastaa sitä, miten näytöt lähettävät valoa. Muunnos näiden välillä on aina likimääräinen, koska ne kuvaavat värejä eri fysikaalisin keinoin. Ilman ICC-profiilia tuloksena on lähtökohta painotyölle, ei tarkka vastine – kirkkaita näyttövärejä ei aina saada toistettua musteella.

Additiivinen RGB ja subtraktiivinen CMYK – kaksi eri värimaailmaa

RGB (punainen, vihreä, sininen) perustuu valon lähettämiseen. Kun kaikki kolme kanavaa ovat maksimissaan (255, 255, 255), saadaan valkoinen valo. Kun ne ovat nollassa, saadaan musta. Tätä kutsutaan additiiviseksi värien sekoittamiseksi: mitä enemmän valoa, sitä vaaleampi väri.

CMYK (syaani, magenta, keltainen, musta) puolestaan toimii subtraktiivisesti. Musteet imevät (vähentävät) valoa paperin pinnasta. Valkoinen paperi heijastaa kaikkea valoa; musteet estävät tiettyjä aallonpituuksia. Ideaalisessa tilanteessa syaani, magenta ja keltainen yhdessä tuottavat mustan, mutta käytännössä tuloksena on likainen ruskea, minkä vuoksi mukana on erillinen musta komponentti (key).

Väriavaruuksien koko on toinen ratkaiseva ero. sRGB (yleisin RGB-avaruus) kattaa noin 35 % CIE Lab* -väriavaruudesta, kun taas tyypillinen CMYK-painoprosessi kattaa vain noin 15–20 %. Tämä tarkoittaa, että monet kirkkaat ja kylläiset RGB-värit eivät ole toistettavissa painoväreillä. Vastaavasti jotkin hyvin tummat ja matalakylläiset CMYK-värit saattavat näkyä näytöllä eri tavalla kuin paperilla.

Työkalun muunnos tehdään standardoidulla algoritmilla, joka olettaa tietynlaisen värilämpötilan ja gamma-arvon. Tämä on tarpeen, koska ilman profiilia muunnos olisi täysin mielivaltainen. Käytännössä tulos on referenssi, jonka avulla voit arvioida, miltä painoväri suunnilleen näyttää ruudulla – mutta tarkkaa osumaa ei pidä odottaa.

Miksi CMYK:stä RGB:hen muuntaminen on aina likimääräistä

Subtraktiivisen ja additiivisen mallin erilainen fysikaalinen perusta tekee tarkasta muunnoksesta mahdotonta ilman lisätietoa. CMYK-arvoille ei ole olemassa yksiselitteistä RGB-vastinetta, koska väri riippuu aina käytetyistä materiaaleista: paperista, musteesta, tulostimen resoluutiosta ja jopa valaistuksesta. Tästä syystä työkalu tuottaa lähtökohdan, ei lopullista totuutta.

Toinen keskeinen tekijä on ICC-profiilien puuttuminen. Ammattimaisessa painotuotannossa jokaiselle painokoneelle ja paperityypille määritetään oma väriprofiili, joka kertoo, miten CMYK-arvo todella näyttää tuolla tietyllä laitteella. Ilman tätä profiilia muunnos joudutaan tekemään standardifunktiolla, joka vastaa keskimääräistä offsetpainoa. Jos profiili on erilainen, lopputulos poikkeaa.

Työkalu käsittelee myös tilanteen, jossa CMYK-arvo tuottaa RGB-avaruuteen kuulumattoman värin. Esimerkiksi fluoresoiva vaaleanpunainen CMYK:na (vaikkapa 0 %, 100 %, 0 %, 0 %) saattaa RGB:ssä olla enemmän vaalean violetti. Jos väri on käytännössä toistettavissa näytöllä, työkalu säätää sen lähimpään mahdolliseen väriin. Tällaisen värin takaisinmuunnos CMYK:ksi voi poiketa alkuperäisestä arvosta hieman.

Kaikki tämä tapahtuu selaimessasi – mitään arvoja ei lähetetä palvelimelle. Mikäli syötäessäsi tapahtuu virhe, saat selkeän viestin: ”Enter CMYK as four percentages 0–100, like 66%, 69%, 0%, 10%.”

Työkalun syötteet, tulosteet ja käyttäytyminen

Syöte on neljä prosenttilukua väliltä 0–100, jotka vastaavat syaanin, magentan, keltaisen ja mustan määrää. Esimerkki: 66%, 69%, 0%, 10%. Arvot voi kirjoittaa joko prosenttina tai puhtaana lukuna – työkalu tulkitsee luvut aina prosentteina, joten esimerkiksi 66, 69, 0, 10 toimii samoin.

Tulosteet päivittyvät reaaliaikaisesti viidessä muodossa:

Väriavaruus Esitystapa
HEX #0F1BE6
RGB kolme numeroa 0–255: esim. 15, 27, 230
HSL hue 0–360°, saturaatio ja vaaleus prosentteina
HSV hue 0–360°, saturaatio ja värikylläisyys prosentteina
CMYK neljä prosenttilukua
LAB L* 0–100, a* ja b*

Kaikki kuusi kenttää muuttuvat samanaikaisesti, kun muokkaat mitä tahansa syötekenttää. Tämä tekee nopeasta vertailusta ja iteratiivisesta työstä helppoa.

Mahdolliset virheelliset syötteet aiheuttavat tarkan virheilmoituksen. Jos syötät esimerkiksi 0, 50, 100 (vain kolme arvoa) tai -10%, 200%, 50%, 30% (yli vaihteluvälin), saat viestin, jossa neuvotaan oikea muoto. Sama tapahtuu, jos syötät kirjaimia prosenttien sijaan.

Yleisimmät virheet ja niiden välttäminen

Graafisen suunnittelun ja web-kehityksen rajapinnassa toistuvat samat ongelmat. Tässä neljä tyypillisintä:

1. Oletetaan, että muunnos on tarkka. Monet käyttäjät luulevat, että CMYK-arvot kääntyvät automaattisesti samaksi väriksi näytöllä. Näin ei ole – kuten edellä todettiin, kyseessä on likimääräisyys, joka perustuu yleiseen standardiin. Jos väri on kriittinen, suosittelemme hankkimaan ICC-profiilin tulostimeltasi ja tekemään muunnoksen sen avulla.

2. Syötetään väärässä muodossa. Työkalu odottaa neljää numeroa, jotka ovat 0–100. Jos syötät esimerkiksi RGB-arvoja kuten 255, 128, 0, saat virheilmoituksen. Samoin desimaalilukuja (kuten 66.5) kannattaa käyttää harkiten – vaikka ne toimivatkin, tarkkuus on turhaa, koska muunnos on jo valmiiksi likimääräinen.

3. Unohdetaan out-of-gamut -säätö. Kuten todettua, kirkkaat CMYK-värit eivät aina mahdu RGB-avaruuteen. Esimerkiksi 0%, 0%, 0%, 0% (puhdas valkoinen) on ongelmaton, mutta 0%, 100%, 100%, 0% (puhdas sininen) saattaa olla RGB:ssä lähellä syaanin ja magentan raja-aluetta. Tällöin työkalu säätää väriä – ja tämä säädetty arvo on se, jonka saat tulosteena. Jos muunnat takaisin CMYK:ksi, alkuperäinen arvo ei välttämättä palaa.

4. Luotetaan näyttöön painotyön suunnittelussa. Edes paras näyttö ei näytä täysin samaa väriä kuin painettu paperi. Näytön kalibrointi ja valaistus vaikuttavat suuresti. CMYK-työkalu on hyvä apuväline, mutta se ei korvaa näyttökalibrointia ja testitulostusta.

Käytännön esimerkkejä työnkulusta

Esimerkki 1: Brändiväri verkkosivulle. Asiakkaalta saat arvot: C: 30%, M: 80%, Y: 0%, K: 0%. Syötät ne työkaluun ja saat RGB-arvoksi (178, 51, 178) ja HEX-arvoksi #B233B2. Lisäät HEX-arvon CSS-tiedostoon, mutta tiedät, että tämä on vasta arvio. Jos asiakkaan painotalolla on oma ICC-profiili, väri voi poiketa hieman.

Esimerkki 2: Testaat eri mustesävyjä. Haluat nähdä, miltä tumma harmaa näyttää verkkosivulla. Syötät arvot 0%, 0%, 0%, 80% (tumma harmaa) ja 0%, 0%, 0%, 20% (vaalea harmaa). Saat RGB-arvot (51, 51, 51) ja (204, 204, 204). Voit nyt valita, kumpi sopii paremmin designiin.

Esimerkki 3: Painotuotteen verkkosivujen värimaailma. Painotalo antaa brändiohjeistuksessa CMYK-arvot. Sinun on tehtävä verkkoversio. Muunnat jokaisen värin työkalulla ja vertaat tuloksia alkuperäisiin ruutukaappauksiin. Jos jokin väri näyttää liian erilaiselta, harkitset pientä säätöä – aina muistaen, että täydellistä vastaavuutta ei ole.

Usein kysytyt kysymykset (UKK)

Miksi CMYK:stä RGB:hen muuntaminen on vain likimääräistä? Koska CMYK perustuu väriaineiden imeytymiseen valoon (subtraktiivinen) ja RGB valon lähettämiseen (additiivinen). Ilman tarkkaa tietoa käytettävästä materiaalista ja laitteesta (ICC-profiili) muunnos on aina arvio.

Mitä tapahtuu, jos CMYK-arvo tuottaa RGB-avaruuteen kuulumattoman värin? Työkalu säätää värin lähimpään toistettavaan RGB-väriin. Tällaisen värin takaisinmuunnos CMYK:ksi voi poiketa alkuperäisestä arvosta hieman.

Voinko käyttää tätä työkalua ammattimaisessa painotuotannossa? Kyllä ja ei. Se on hyvä apuväline alustavaan arviointiin, mutta lopulliset painovärit tulisi määrittää aina tulostimen ICC-profiililla. Tämä työkalu ei korvaa profiilikohtaista muunnosta.

Miksi CMYK-tuloste ei vastaa täysin tulostimen arvoja? Työkalu käyttää yleistä standardimuunnosta, joka edustaa keskimääräistä offsetpainoa. Eri tulostimet, paperit ja musteet tuottavat erilaisia värejä. Siksi työkalu antaa vain arvion, ei tarkkaa osumaa.

Miten syötän arvot oikein? Kirjoita neljä numeroa välillä 0–100, erotettuina pilkuilla tai välilyönneillä. Esimerkkejä: 66, 69, 0, 10 tai 66% 69% 0% 10%. Varmista, ettet ylitä vaihteluväliä 0–100. Jos syöte on virheellinen, saat ohjeen tarkasta muodosta.

Ovatko tietoni turvassa työkalua käyttäessäni? Kyllä. Kaikki muunnokset tapahtuvat suoraan selaimessasi. Mitään arvoja ei lähetetä palvelimelle eikä tallenneta mihinkään. Voit käyttää työkalua täysin luottamuksellisesti.