Dolaziš iz štampe i treba ti ista boja na webu? Pretvaranje CMYK u HEX daje ti najbliži ekran ekvivalent tvoje mješavine tinte, spreman za lijepljenje u CSS, Figma ili brend dokument.
Kako radi konverzija iz CMYK u HEX
- Podijeli svih četvero CMYK postotaka sa 100.
- Primijeni key komponentu prvo: svaki kanal se skalira sa (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 cifre i spoji ih iza #.
Primjer koji radi
Po prirodi aproksimativno. CMYK pokriva manji raspon boja nego ekran, pa je HEX rezultat vjerna pretpregledna verzija, a ne kolorimetrijski pogodak — za to bi bio potreban ICC profil stroja za tiskanje.
CMYK i HEX objašnjeni
Šta je CMYK?
CMYK je model sa četiri boje mastila koji se koristi u tisku: cyan, magenta, yellow i key (crna), svaka kao postotak od 0 do 100. Mastilo oduzima svjetlo umjesto da ga emituje, pa CMYK pokriva manje boja nego ekran — zato svijetle boje na ekranu često izgledaju prigušenije nakon tiska.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Opseg:
- 0–100% po boji
- Najbolje za:
- tisak, pakovanje, priprema za tiskanje
Šta je HEX?
HEX kod je šesteroznamenkasti heksadecimalni broj koji pohranjuje crvenu, zelenu i plavu komponentu boje iza vodećeg #. Svaki par znamenki pokriva jednu komponentu, od 00 (nema) do FF (puno), što daje istih 16,7 miliona boja kao RGB, ali u kraćem zapisu. HEX je zadani u CSS-u, alatima za dizajn i smjernicama brenda.
- Sintaksa:
- #RRGGBB
- Opseg:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, smjernice brenda
CMYK u HEX referentna tabela
Najčešće CSS boje, konvertovane 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 |