Dolaziš iz tiska i trebaš istu boju na webu? Pretvorba CMYK u HEX daje ti najbliži ekran ekvivalent tvoje mješavine tinte, spreman za lijepljenje u CSS, Figma ili brand dokument.
Kako funkcionira pretvorba CMYK u HEX
- Podijeli svih četvero CMYK postotaka s 100.
- Primijeni ključni sastojak prvo: svaki kanal se skalira s (1 − K).
- Izračunaj kanale: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Zaokruži svaki kanal, zapiši ga kao dvije heksadecimalne znamenke i spoji ih iza #.
Primjer
Prirodno aproksimativno. CMYK pokriva manji raspon boja od ekrana, pa je HEX rezultat vjerni pregled, a ne kolorimetrijsko podudaranje — to bi zahtijevalo ICC profil tiskare.
CMYK i HEX objašnjeno
Što je CMYK?
CMYK je model s četiri tinte koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaki kao postotak od 0 do 100. Tinta oduzima svjetlost umjesto da je emitira, pa CMYK pokriva manje boja nego zaslon — zbog toga svijetle boje s ekrana često izgledaju prigušenije na tisku.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Raspon:
- 0–100% po tinti
- Najbolje za:
- tiskanje, pakiranje, priprema za tisak
Što je HEX?
HEX kod je šesteroznamenkasti heksadecimalni broj koji pohranjuje kanale crvene, zelene i plave boje iza vodećeg #. Svaki par znamenki predstavlja jedan kanal, od 00 (nijedan) do FF (puno), što daje istih 16,7 milijuna boja kao RGB u znatno kraćem zapisu. HEX je zadano u CSS-u, alatima za dizajn i smjernicama brenda.
- Sintaksa:
- #RRGGBB
- Raspon:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, smjernice brenda
Referentna tablica CMYK u HEX
Najčešće CSS boje, pretvorene iz CMYK u HEX.
| Boja | 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 |