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
- Uzmi četiri CMYK postotka kao količine tinte za profil Coated FOGRA39.
- Pročitaj boju koju profil otiskuje za tu mješavinu tinte, uz relativnu kolorimetrijsku namjeru i kompenzaciju crne tačke.
- Pretvori tu boju u sRGB. Boje koje ekran ne može prikazati odsijecaju se na najbližu vrijednost koju ekran može prikazati.
- Zaokruži svaki kanal, zapiši ga kao dvije heksadecimalne cifre i spoji ih iza #.
Primjer koji radi
Ovo koristi standardni profil Coated FOGRA39, a ne profil tvoje štamparske mašine. Drugi CMYK profili (na primjer od tvoje tiskare) daju drugačije brojeve, zato HEX rezultat tretiraj kao vjeran pregled i za boje kritične za brend provjeri probni otisak.
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(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 |