Kom van druk af en benodig dieselfde kleur op die web? Om CMYK na HEX om te skakel gee jou die naaste skerm-ekwivalent van jou inkmengsel, klaar om in CSS, Figma of 'n merkblad geplak te word.
Hoe CMYK na HEX omskakeling werk
- Neem die vier CMYK-persentasies as inkhoeveelhede vir die Coated FOGRA39-profiel.
- Lees die kleur wat die profiel vir daardie inkmengsel druk, met die relatiewe kolorimetriese weergawe-intensie en swartpuntkompensasie.
- Skakel daardie kleur om na sRGB. Kleure wat 'n skerm nie kan wys nie, word na die naaste waarde wat dit wel kan wys, afgesny.
- Rond elke kanaal af, skryf dit as twee hexadesimale syfers en voeg dit agter 'n #.
Werkende voorbeeld
Dit gebruik die standaard Coated FOGRA39-profiel, nie die profiel van jou drukpers nie. Ander CMYK-profiele (byvoorbeeld van jou drukkery) gee verskillende getalle, so beskou die HEX-resultaat as 'n getroue voorskou en kontroleer 'n proefdruk vir merkkritieke kleure.
CMYK en HEX verduidelik
Wat is CMYK?
CMYK is die vier-ink model wat in drukwerk gebruik word: cyan, magenta, geel en key (swart), elk as ’n persentasie van 0 tot 100. Ink trek lig weg in plaas van dit uit te straal, so CMYK dek minder kleure as ’n skerm — daarom lyk helder skermkleure dikwels doffer wanneer hulle gedruk word.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Reeks:
- 0–100% per ink
- Beste vir:
- drukwerk, verpakking, persgereed kunswerk
Wat is HEX?
’n HEX-kode is ’n ses-syfer heksadesimale getal wat die rooi-, groen- en bloukanaal van ’n kleur agter ’n leidende # stoor. Elke paar syfers dek een kanaal, van 00 (geen) tot FF (vol), wat dieselfde 16,7 miljoen kleure gee as RGB maar in ’n baie korter notasie. HEX is die verstek in CSS, ontwerptoepassings en handelsriglyne.
- Sintaks:
- #RRGGBB
- Reeks:
- 00–FF per kanaal
- Beste vir:
- CSS, ontwerp-oordrag, handelsriglyne
CMYK na HEX verwysingstabel
Die mees algemene CSS-kleure, omgeskakel van CMYK na HEX.
| Kleur | 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 |