Tuleeko väri painotuotteista ja tarvitset saman verkkovärin? CMYK:n muuntaminen HEX:ksi antaa lähimmän näytöllä näkyvän vastineen musteseoksestasi, valmiina liitettäväksi CSS:ään, Figmaan tai brändiarkkiin.
Kuinka CMYK→HEX muunnos toimii
- Käsittele neljää CMYK-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, kirjoita se kahdella heksadesimaalilla ja yhdistä ne #-merkin jälkeen.
Esimerkkilaskelma
Tämä käyttää Coated FOGRA39 -standardiprofiilia, ei painokoneesi profiilia. Muut CMYK-profiilit (esimerkiksi painotalosi profiilit) antavat erilaisia lukuja, joten pidä HEX-tulosta uskollisena esikatseluna ja tarkista brändille tärkeiden värien kohdalla koevedos.
CMYK ja HEX 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 HEX?
HEX-koodi on kuusinumeroinen heksadesimaali, joka tallentaa värin punaisen, vihreän ja sinisen kanavan eteen liitetyn # -merkin jälkeen. Kukin kahden merkin pari vastaa yhtä kanavaa, arvot 00 (ei lainkaan) – FF (täysi), mikä antaa saman 16,7 miljoonaa väriä kuin RGB mutta tiiviimmässä muodossa. HEX on oletus CSS:ssä, suunnittelutyökaluissa ja brändiohjeissa.
- Syntaksi:
- #RRGGBB
- Arvoalue:
- 00–FF per kanava
- Parhaiten soveltuu:
- CSS, suunnittelun luovutus, brändiohjeet
CMYK → HEX viitetaulukko
Yleisimmät CSS-värit, muunnettu muodosta CMYK muotoon HEX.
| Väri | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |