Dolaziš iz štampe i treba ti ista boja na vebu? Pretvaranje CMYK u HEX daje ti najbliži ekvivalent na ekranu tvoje mješavine tinte, spreman za lepljenje u CSS, Figma ili brend dokument.
Kako funkcioniše pretvaranje CMYK u HEX
- Podeli sva četiri CMYK procenta sa 100.
- PrimenI komponentu ključa 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, napiši ga kao dve heksadecimalne cifre i spoji ih iza #.
Praktičan primer
Po prirodi aproksimativno. CMYK pokriva manji spektar boja od ekrana, tako da je HEX rezultat verna previsualizacija, a ne kolor-menadžovani podudaranje — za to bi bio potreban ICC profil štampe.
CMYK i HEX objašnjeni
Šta je CMYK?
CMYK je model sa četiri tinte koji se koristi u štampi: cyan, magenta, yellow i key (crna), svaka izražena procentima od 0 do 100. Tinta oduzima svetlost umesto da je emituje, zato CMYK pokriva manje boja nego ekran — zato jarke boje sa ekrana često deluju bleđe kada se odštampaju.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Opseg:
- 0–100% po tinti
- Najbolje za:
- štampa, pakovanje, priprema za štampu
Šta je HEX?
HEX kod je šestocifreni heksadecimalni broj koji čuva crvenu, zelenu i plavu komponentu boje iza početnog #. Svaki par cifara predstavlja jednu komponentu, od 00 (nema) do FF (puno), što daje istih 16,7 miliona boja kao RGB, ali u kraćem zapisu. HEX je podrazumevan u CSS-u, dizajn alatima i brend smernicama.
- Sintaksa:
- #RRGGBB
- Opseg:
- 00–FF po kanalu
- Najbolje za:
- CSS, predaja dizajna, brend smernice
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 |