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
- Jaa kaikki neljä CMYK-prosenttia 100:lla.
- Käytä ensin avainkomponenttia: skaalaa jokainen kanava arvolla (1 − K).
- Laske kanavat: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Pyöristä jokainen kanava, kirjoita se kahdella heksadesimaalilla ja yhdistä ne #-merkin jälkeen.
Esimerkkilaskelma
Luonteeltaan likiarvo. CMYK kattaa kapeamman värialueen kuin näyttö, joten HEX-tulos on uskollinen esikatselu eikä värihallittu täsmäys — siihen tarvittaisiin painokoneen ICC-profiili.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |