Kommer du från tryck och behöver samma färg på webben? Att konvertera CMYK till HEX ger dig det närmaste skärm-motsvarigheten av din bläckblandning, redo att klistra in i CSS, Figma eller varumärkesdokument.
Hur CMYK till HEX-konvertering fungerar
- Dividera alla fyra CMYK-procent med 100.
- Applicera nyckelkomponenten först: varje kanal skalas med (1 − K).
- Beräkna kanalerna: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Avrunda varje kanal, skriv som två hexadecimala siffror och sätt ihop dem bakom ett #.
Exempel som fungerar
Approximation i sin natur. CMYK täcker ett mindre färgområde än en skärm, så HEX-resultatet är en trogen förhandsvisning snarare än en färghanterad match — det skulle kräva pressens ICC-profil.
CMYK och HEX förklarat
Vad är CMYK?
CMYK är fyrfärgsmodellen som används i tryck: cyan, magenta, yellow och key (svart), vardera som en procent från 0 till 100. Bläcket subtraherar ljus istället för att avge det, så CMYK täcker färre färger än en skärm — därför ser ofta ljusa skärmtoner mattare ut i tryck.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Intervall:
- 0–100% per färg
- Bäst för:
- tryck, förpackningar, pressfärdigt material
Vad är HEX?
En HEX-kod är ett sexsiffrigt hexadecimalt tal som lagrar röd, grön och blå kanal för en färg bakom en ledande #. Varje par siffror täcker en kanal, från 00 (ingen) till FF (full), vilket ger samma 16,7 miljoner färger som RGB i en mycket kortare notation. HEX är standard i CSS, designverktyg och varumärkesriktlinjer.
- Syntax:
- #RRGGBB
- Intervall:
- 00–FF per kanal
- Bäst för:
- CSS, designöverlämning, varumärkesriktlinjer
CMYK till HEX referenstabell
De vanligaste CSS-färgerna, konverterade från CMYK till HEX.
| Färg | 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 |