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
- Vyděl všechna čtyři procenta CMYK 100.
- Aplikuj nejdřív klíčovou složku: každý kanál se škáluje podle (1 − K).
- Spočti kanály: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Zaokrouhli každý kanál, zapiš jako dvě hexadecimální cifry a spoj je za #.
Ukázkový příklad
Podstatou aproximace. CMYK pokrývá menší rozsah barev než obrazovka, takže HEX výsledek je věrná ukázka, ne barevně spravované shoda — k tomu by byl třeba ICC profil tiskárny.
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(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 |