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
- Muunna kaikki neljä prosenttia murtoluvuiksi välillä 0 ja 1.
- Käytä ensin avainkomponenttia: jokaista kanavaa skaalataan arvolla (1 − K).
- Laske R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) ja B = 255 × (1 − Y) × (1 − K).
- Pyöristä jokainen kanava kokonaisluvuksi väliltä 0–255.
Esimerkkilaskelma
Epätarkka. Näyttö voi näyttää enemmän värejä kuin muste pystyy tuottamaan, joten RGB-tulos näyttää yleensä kirkkaammalta ja voimakkaammalta kuin painettu kappale.
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(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |