# RGB ja CMYK: miksi värit muuttuvat painettaessa

[Canonical HTML page](https://gradiently.design/fi/guide/rgb-vs-cmyk)

Juliste näytti kannettavalla sähköisen kirkkaalta mutta saapui painosta vaisuna. Tiedostossa ei ollut vikaa: näyttö ja paperi tuottavat värit päinvastaisilla tavoilla. Näin varaudut muutoksiin.

## The short version

- RGB tuottaa värit lisäämällä punaista, vihreää ja sinistä valoa, ja sitä käytetään näytöissä. CMYK tuottaa värit kerrostamalla syaania, magentaa, keltaista ja mustaa mustetta paperille.
- CMYK:n painettava värivalikoima on näytön värivalikoimaa suppeampi, joten erittäin kirkkaita RGB-värejä täytyy hillitä painettaessa.
- Kylläiset vihreät, siniset, oranssit ja neonpinkit muuttuvat eniten CMYK-muunnoksessa.
- Myös paperi muuttaa väriä: päällystämätön paperi imee enemmän mustetta ja tuottaa pehmeämmän, tummemman jäljen kuin päällystetty.
- Suunnittele näyttöä varten RGB:nä, tarkista tai muunna painotiedosto painotalon CMYK-profiililla ja pyydä vedos, kun väri on tärkeä.

**RGB ja CMYK** eroavat toisistaan kuin valo ja muste. Näyttö muodostaa värit lisäämällä punaista, vihreää ja sinistä valoa mustasta lähtien. Painokone levittää valkoiselle paperille syaania, magentaa, keltaista ja mustaa mustetta, ja jokainen kerros imee osan valosta. Muste ei yllä kaikkiin hehkuvan näytön väreihin. Kun kirkas RGB-sommittelu painetaan, värit muunnetaan lähimpään painettavaan vastineeseen. Siksi neonvihreäsi palasi painosta hillittynä lehtivihreänä.

## Miten RGB ja CMYK tuottavat värit

### RGB: valo

- Additiivinen: punainen, vihreä ja sininen valo yhdistyvät
- Kaikki kolme täydellä teholla muodostavat valkoisen
- Ilman valoa tulos on musta
- Käytössä puhelimissa, näytöissä, televisioissa ja projektoreissa
- Merkitään heksakoodina tai muodossa `rgb()`, `hsl()` tai `oklch()`

### CMYK: muste

- Subtraktiivinen: jokainen muste imee osan valosta
- Ilman mustetta paperi pysyy valkoisena
- Syaani, magenta ja keltainen muodostavat yhdessä tummanruskean, joten mukaan lisätään musta
- Käytössä useimmissa kaupallisissa ja toimistotulosteissa
- Merkitään neljänä prosenttina, kuten C0 M60 Y90 K0

CMYK:n K tarkoittaa sanaa key: yksityiskohdat painavaa avainlevyä, joka käytännössä on musta. Musta muste tuottaa terävän tekstin ja syvät varjot edullisemmin ja siistimmin kuin kolmen muun musteen pinoaminen.

## Värintoistoala: värit, joihin muste ei yllä

**Värintoistoala** on koko värivalikoima, jonka laite pystyy tuottamaan. Näyttöjen tavallinen sRGB-väriavaruus kattaa suurimman osan tyypillisen CMYK-painokoneen värintoistoalasta, mutta ulottuu pidemmälle kirkkaissa ja kylläisissä sävyissä. Jotkin CMYK-värit, kuten tietyt syvät syaanit, jäävät puolestaan hieman sRGB:n ulkopuolelle. Suurimmat menetykset tapahtuvat silti näytöltä paperille siirryttäessä.

| Näyttöväri | Tavallinen muutos CMYK:ssa |
| --- | --- |
| Neon- ja limenvihreät | Himmenevät selvästi ja muuttuvat keltaisemmiksi tai oliivisiksi |
| Sähköiset ja kuninkaansiniset | Siirtyvät violettiin tai menettävät voimakkuuttaan |
| Kirkas oranssi | Menettää hehkunsa ja voi näyttää ruskealta päällystämättömällä paperilla |
| Voimakkaat ja neonpinkit | Pehmenevät tasaisemmaksi magentaksi |
| Voimakas violetti | Samenee ja harmaantuu |
| Syvät, tummat liukuvärit | Varjot voivat tukkeutua ja sävyportaat kadota |
| Pastellit ja murretut sävyt | Painuvat yleensä lähelle näytön sävyjä |

Kylläiset värit muuttuvat eniten. Rauhalliset, murretut paletit siirtyvät paperille vähimmin yllätyksin.

- Vain näytölle: neonsekoitus: `linear-gradient(135deg, #00ff66 0%, #00c2ff 50%, #7a00ff 100%)`
- Karkea arvio painotuloksesta: `linear-gradient(135deg, #4fae6a 0%, #3a8fc0 50%, #6a4a9e 100%)`
- Painoon sopiva: murrettu roosa: `linear-gradient(135deg, #e8b4a0 0%, #c98b7a 50%, #6f4a5a 100%)`
- Painoon sopiva: hiekasta pronssiin: `linear-gradient(135deg, #f2dfc4 0%, #c9a36b 50%, #5a4632 100%)`

Toinen näyte on vain näytöllä esitetty arvio. Todellinen tulos riippuu painokoneesta, musteesta ja paperista. Kahden viimeisen kaltaiset murretut sekoitukset kestävät painamisen paljon paremmin.

## Myös paperi muuttaa väriä

Sama CMYK-tiedosto painuu eri tavoin eri papereille. Päällystetty paperi pitää musteen pinnalla, joten värit pysyvät terävinä ja kylläisinä. Päällystämätön paperi imee mustetta: värit pehmenevät, tummenevat hieman ja menettävät kontrastia, ja hienot yksityiskohdat leviävät. Kierrätys- ja kermanväriset paperit tuovat mukaan oman lämpönsä. Jos valitset kiiltävän esitteen ja teksturoidun kutsun välillä, teksturoitu näyttää yleensä rauhallisemmalta.

### Päällystetty paperi

- Muste jää pinnalle
- Värit pysyvät terävinä ja kylläisinä
- Hienot yksityiskohdat ja pieni teksti säilyvät tarkkoina
- Sopii lentolehtisiin, esitteisiin ja kuvapainotteisiin töihin

### Päällystämätön paperi

- Muste imeytyy kuituihin
- Värit näyttävät pehmeämmiltä, tummemmilta ja tasaisemmilta
- Yksityiskohdat leviävät hieman, joten vältä hiuksenohuita kirjaimia
- Sopii paperituotteisiin, kutsuihin ja luonnolliseen ilmeeseen

## Näin muunnat RGB:n CMYK:ksi ilman ikäviä yllätyksiä

1. **Kysy ensin painotalolta** Selvitä, haluavatko he RGB- vai CMYK-tiedoston, mitä väriprofiilia he käyttävät ja millaista mustaa suosittelevat. Monet nykyaikaiset painotalot vastaanottavat RGB-PDF:n ja muuntavat sen omalla profiilillaan.
2. **Suunnittele lopullisessa koossa ja tarkkuudessa** Käytä lopullisessa koossa 300 dpi:n tarkkuutta: esimerkiksi A4-juliste on 2480×3508 px ja käyntikortti 1050×600 px. [DPI ja PPI](https://gradiently.design/fi/guide/dpi-vs-ppi) selittää luvut.
3. **Tee näyttövedos ennen muunnosta** Useimmat ammattityökalut näyttävät tiedoston painotalon CMYK-profiilissa. Etsi muuttuvat värit ja säädä niitä itse sen sijaan, että jättäisit päätöksen muunnokselle.
4. **Hillitse kirkkaimpia värejä käsin** Laske neonvihreiden, sinisten ja pinkkien kylläisyyttä hieman tai syvennä niitä, kunnes näyttö- ja CMYK-esikatselu ovat lähellä toisiaan.
5. **Käytä suurissa tummissa pinnoissa rikasta mustaa** Pelkkä musta muste näyttää suurilla pinnoilla tummanharmaalta. Pyydä painotalolta rikkaan mustan seos ja käytä pienessä tekstissä vain mustaa mustetta.
6. **Lisää leikkuuvara ja pyydä vedos** Jatka taustaa leikkausreunan yli, yleensä 3 mm. Pyydä painettu vedos aina, kun väri on tärkeä. [Leikkuuvarat ja marginaalit](https://gradiently.design/fi/guide/bleed-and-margins) käy läpi asetukset.

Pystysuuntainen A4-juliste kesän iltatorille lauantaina klo 18

Suunnittele lopullisessa painokoossa: A4-juliste on 2480×3508 px tarkkuudella 300 dpi. Tarkista näyttövedos painotalon profiililla ennen lähetystä.

> **Älä arvioi painotulosta kirkkaalla näytöllä** Kannettavan ja puhelimen näytöt ovat usein paljon kirkkaampia kuin paperi huonevalossa. Laske näytön kirkkautta näyttövedosta tarkistaessasi ja katso painettuja vedoksia päivänvalossa tai neutraalissa valossa.

## Milloin käytät RGB:tä ja milloin CMYK:ta

| Käytä RGB:tä | Käytä CMYK:ta |
| --- | --- |
| Somejulkaisut, tarinat ja mainokset | Julisteet, lentolehtiset ja esitteet |
| Verkkosivut, sovellukset ja sähköpostit | Käyntikortit ja paperituotteet |
| Diat ja videot | Pakkaukset ja etiketit |
| Digitaaliset taustakuvat | Lehdet ja kirjat |

Nyrkkisääntö: jos se hohtaa, RGB; jos sitä pidetään kädessä, CMYK. Tarkkojen brändivärien spottiväreistä kertoo [Pantone ja heksakoodit](https://gradiently.design/fi/guide/pantone-colors).

Säilytä brändiväreistä yksi RGB-pääversio näytöille ja erikseen tarkistettu CMYK-versio painoon. Kirjaa molemmat [brändin tyylioppaaseen](https://gradiently.design/fi/guide/brand-style-guide). Liukuvärit vaativat painossa erityistä huomiota, sillä hienot sävyportaat voivat raidoittua. [Liukuvärien painaminen](https://gradiently.design/fi/guide/print-gradients) kertoo lisää.

Gradientlyn Pro-vienteihin kuuluu paino-PDF leikkuuvaroineen ja leikkausmerkkeineen. Juliste tai lentolehtinen lähtee siis Studiosta valmiina painotalon tarkistuksiin. [Painovalmiit PDF-tiedostot](https://gradiently.design/fi/guide/pdf-for-print) kertoo, mitä painotalot tarkistavat. Sovi värimuunnoksesta painotalon kanssa, niin yllätyksiä tulee vähemmän.

## FAQ

### Mitä eroa RGB:llä ja CMYK:lla on?

RGB sekoittaa punaista, vihreää ja sinistä valoa näytöille. CMYK kerrostaa syaania, magentaa, keltaista ja mustaa mustetta painoa varten eikä pysty toistamaan kaikkia kirkkaimpia näyttövärejä.

### Miksi värit näyttävät erilaisilta painettuina?

Musteen värintoistoala on näyttöä pienempi, paperi imee ja heijastaa valoa eri tavalla ja näyttö on yleensä paperia kirkkaampi. Kylläiset värit muuttuvat eniten.

### Kannattaako painotyö suunnitella RGB:nä vai CMYK:na?

Kysy painotalolta. Monet hyväksyvät RGB:n ja muuntavat sen omalla profiilillaan. Jos he haluavat CMYK:n, tarkista näyttövedos ja tee muunnos itse, jotta voit säätää muuttuvia värejä.

### Mitkä värit toistuvat huonosti CMYK:ssa?

Neonvihreät, sähköiset siniset, kirkkaat oranssit, voimakkaat pinkit ja violetit menettävät eniten voimakkuuttaan. Murretut ja pastellivärit vastaavat näyttöä parhaiten.

### Onko heksakoodi RGB:tä vai CMYK:ta?

Heksakoodit ovat RGB:tä. Heksaarvo ilmaisee punaisen, vihreän ja sinisen määrät kuusitoistakantaisina lukuina.