Prichádzaš z tlače a potrebuješ rovnakú farbu na webe? Prevod CMYK na HEX ti dá najbližší obrazovkový ekvivalent z tvojej zmesi atramentov, pripravený vložiť do CSS, Figma alebo brand sheetu.
Ako funguje konverzia z CMYK na HEX
- Vydel všetky štyri CMYK percentá 100.
- Najprv aplikuj zložku kľúča: každý kanál sa škáluje (1 − K).
- Vypočítaj kanály: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Zaokrúhli každý kanál, zapíš ho ako dve hexadecimálne číslice a spoj za #.
Príklad
Z povahy veci ide o aproximáciu. CMYK pokrýva menší farebný gamut než obrazovka, takže HEX výsledok je verné náhľadové zobrazenie, nie color-managed zhoda — na to by si potreboval ICC profil tlače.
CMYK a HEX vysvetlené
Č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č
Č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
Referenčná tabuľka CMYK → HEX
Najbežnejšie CSS farby prevedené z CMYK na HEX.
| Farba | 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 |