Obrazovky miešajú svetlo, tlačiarne miešajú farbu tlače — preto treba HEX kód pre tlač preložiť. Tento prevodník ti dá percentá prézného cyan, magenta, žltej a čiernej, ktoré čo najvernejšie zodpovedajú tvojej webovej farbe v rámci možnosti atramentov.
Ako funguje konverzia z HEX na CMYK
- Preveď HEX na RGB a každý kanál vydel 255.
- Vypočítaj zložku kľúča (čiernej): K = 1 − max(R, G, B).
- Odveď ostatné farby odstránením tejto čiernej časti: C = (1 − R − K) / (1 − K), rovnaký vzorec platí pre magentu a žltú.
- Vynásob všetky štyri hodnoty 100, aby si dostal percentá. Čistá čierna skratkuje na 0/0/0/100.
Príklad
Ide o zariadene-nezávislú aproximáciu. Reálna tlač závisí na papieri, atramente a ICC farbovom profile, takže výsledok ber ako východiskový bod a pri brandovo dôležitých farbách vždy skontroluj proof.
HEX a CMYK vysvetlené
Čo je HEX?
HEX kód je šestciferné hexadecimálne číslo, ktoré uchováva červený, zelený a modrý kanál farby za úvodným #. Každý pár číslic reprezentuje jeden kanál od 00 (žiadny) po FF (plný), čo dáva rovnakých 16,7 milióna farieb ako RGB v kompaktnejšom tvare. HEX je predvolený v CSS, dizajnových nástrojoch a brand manuáloch.
- Syntax:
- #RRGGBB
- Rozsah:
- 00–FF na kanál
- Najvhodnejšie pre:
- CSS, odovzdanie dizajnu, brand manuály
Čo je CMYK?
CMYK je model s pomocou štyroch farieb používaný v tlači: cyan, magenta, yellow a key (black), každý ako percento od 0 do 100. Atrament odoberá svetlo namiesto jeho vyžarovania, takže CMYK pokrýva menej farieb než obrazovka — preto živé farby na obrazovke často vyzerajú po vytlačení mdlšie.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Rozsah:
- 0–100% na farbu
- Najvhodnejšie pre:
- tlač, balenie, pripravené podklady pre tlač
Referenčná tabuľka HEX → CMYK
Najbežnejšie CSS farby prevedené z HEX na CMYK.
| Farba | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |