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
- Štyri percentá CMYK ber ako množstvo atramentu pre profil Coated FOGRA39.
- Prečítaj farbu, ktorú profil vytlačí pre túto zmes atramentov, s relatívnym kolorimetrickým zámerom a kompenzáciou čierneho bodu.
- Preveď túto farbu do sRGB. Farby, ktoré obrazovka nevie zobraziť, sa orežú na najbližšiu hodnotu, ktorú vie zobraziť.
- Zaokrúhli každý kanál, zapíš ho ako dve hexadecimálne číslice a spoj za #.
Príklad
Používa sa štandardný profil Coated FOGRA39, nie profil tvojho tlačového stroja. Iné profily CMYK (napríklad od tvojej tlačiarne) dávajú iné čísla, preto HEX výsledok ber ako verný náhľad a pri farbách kľúčových pre značku skontroluj skúšobnú tlač.
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(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 |