Tarvitsetko painetun värin näytölle? CMYK:n muuntaminen RGB:ksi antaa valoon perustuvan vastineen musteprosentteihisi — arvot, jotka näyttö, mockup tai verkkosivu voi todellisuudessa näyttää.
Kuinka CMYK→RGB muunnos toimii
- Käsittele neljää prosenttia musteen määrinä Coated FOGRA39 -profiilille.
- Lue väri, jonka profiili tuottaa tälle mustesekoitukselle painettuna, käyttäen suhteellista kolorimetristä renderointitapaa ja mustapisteen kompensointia.
- Muunna väri sRGB:ksi. Värit, joita näyttö ei pysty esittämään, rajataan lähimpään arvoon, jonka näyttö pystyy esittämään.
- Pyöristä jokainen kanava kokonaisluvuksi väliltä 0–255.
Esimerkkilaskelma
RGB-tulos kertoo, miltä tämä mustesekoitus näyttää pinnoitetulla paperilla Coated FOGRA39 -standardiprofiililla. Muut CMYK-profiilit (esimerkiksi painotalosi profiilit) antavat erilaisia lukuja, eikä painotuote koskaan hehku kuin näyttö.
CMYK ja RGB selitettynä
Mikä on CMYK?
CMYK on nelivärimalli painatuksessa: cyan, magenta, yellow ja key (musta), kukin prosenttiosuutena 0–100. Muste poistaa valoa sen sijaan, että se säteilisi, joten CMYK kattaa vähemmän värisävyjä kuin näyttö — siksi kirkkaat näyttövärisävyt usein näyttävät himmeämmiltä painettuna.
- Syntaksi:
- cmyk(C%, M%, Y%, K%)
- Arvoalue:
- 0–100% per muste
- Parhaiten soveltuu:
- paino, pakkaukset, painovalmiit taitotiedostot
Mikä on RGB?
RGB kuvaa väriä kolmella valokanavalla — red, green ja blue — kukin 0–255. Se peilaa sitä, miten näytöt toimivat: kaikki kanavat 255 antavat valkoisen, kaikki 0 mustan. RGB on oikea valinta, kun sinun täytyy laskea väreillä, ja rgba() lisää läpinäkyvyyden päälle.
- Syntaksi:
- rgb(R, G, B)
- Arvoalue:
- 0–255 per kanava
- Parhaiten soveltuu:
- koodi, canvas, läpinäkyvyys rgba():lla
CMYK → RGB viitetaulukko
Yleisimmät CSS-värit, muunnettu muodosta CMYK muotoon RGB.
| Väri | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |