Kommer du fra trykk og trenger samme farge på web? Å konvertere CMYK til HEX gir deg skjermens nærmeste ekvivalent av blekkblandingen, klar til å limes inn i CSS, Figma eller et brandark.
Hvordan konvertering fra CMYK til HEX fungerer
- Del alle fire CMYK‑prosentene på 100.
- Bruk key‑komponenten først: hver kanal skaleres med (1 − K).
- Beregn kanalene: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Avrund hver kanal, skriv den som to heksadesimale sifre og sett dem sammen bak et #.
Eksempel
Tilnærmet av natur. CMYK dekker et mindre fargespenn enn en skjerm, så HEX‑resultatet er en troverdig forhåndsvisning snarere enn en fargestyrt match — det krever ICC‑profilen til trykkeriet for eksakt samsvar.
CMYK and HEX explained
Hva er CMYK?
CMYK er fire-blekks-modellen som brukes i trykk: cyan, magenta, gul og key (svart), hver som en prosent fra 0 til 100. Blekk subtraherer lys i stedet for å sende det ut, så CMYK dekker færre farger enn en skjerm — derfor ser ofte sterke skjermfarger mattere ut når de trykkes.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Område:
- 0–100% per blekk
- Best egnet for:
- trykk, emballasje, trykkklart arbeid
Hva er HEX?
En HEX-kode er et seks-sifret heksadesimalt tall som lagrer fargens røde, grønne og blå kanal etter et innledende #. Hver paresiffer dekker én kanal, fra 00 (ingen) til FF (full), noe som gir de samme 16,7 millionene farger som RGB i en mye kortere notasjon. HEX er standard i CSS, designverktøy og merkevareretningslinjer.
- Syntaks:
- #RRGGBB
- Område:
- 00–FF per kanal
- Best egnet for:
- CSS, design-handoff, merkevareretningslinjer
Referansetabell fra CMYK til HEX
De vanligste CSS-fargene, konvertert fra CMYK til HEX.
| Farge | 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 |