Přicházíš z tisku a potřebuješ stejnou barvu na web? Převod CMYK na HEX ti dá nejbližší obrazovkový ekvivalent tvé inkoustové směsi, připravený vložit do CSS, Figma nebo brand sheetu.
Jak funguje převod z CMYK na HEX
- Vezmi čtyři hodnoty CMYK jako množství inkoustů pro profil Coated FOGRA39.
- Přečti barvu, kterou profil vytiskne pro tuto směs inkoustů, s relativním kolorimetrickým záměrem a kompenzací černého bodu.
- Převeď tuto barvu do sRGB. Barvy, které obrazovka neumí zobrazit, se oříznou na nejbližší hodnotu, kterou dokáže zobrazit.
- Zaokrouhli každý kanál, zapiš jako dvě hexadecimální cifry a spoj je za #.
Ukázkový příklad
Použit je standardní profil Coated FOGRA39, ne profil tvého tiskového stroje. Jiné profily CMYK (například od tvé tiskárny) dávají jiná čísla, takže výsledek HEX ber jako věrný náhled a u barev klíčových pro značku zkontroluj nátisk.
CMYK a HEX vysvětleno
Co je CMYK?
CMYK je model čtyř barev používaný v tisku: cyan, magenta, yellow a key (černá), každý jako procento od 0 do 100. Inkoust odečítá světlo místo jeho emitování, takže CMYK pokrývá méně barev než obrazovka — proto jasné barvy na obrazovce často vypadají po tisku mdlěji.
- Syntaxe:
- cmyk(C%, M%, Y%, K%)
- Rozsah:
- 0–100% na inkoust
- Nejlepší pro:
- tisk, balení, podklady připravené pro tisk
Co je HEX?
HEX kód je šestimístné hexadecimální číslo, které po úvodním # uchovává červený, zelený a modrý kanál barvy. Každý pár číslic pokrývá jeden kanál od 00 (žádný) po FF (plný), což dává stejných 16,7 milionu barev jako RGB, ale v kratším zápisu. HEX je výchozí v CSS, designových nástrojích a styleguidu značky.
- Syntaxe:
- #RRGGBB
- Rozsah:
- 00–FF na kanál
- Nejlepší pro:
- CSS, předání designu, brand guidelines
Referenční tabulka CMYK na HEX
Nejběžnější CSS barvy převedené z CMYK na HEX.
| Barva | 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 |