Skärmar blandar ljus, tryck pressar bläck — så en HEX-kod måste översättas innan något går till press. Den här omvandlaren ger cyan-, magenta-, gul- och nyckelprocent som matchar din webb-färg så långt bläcket tillåter.
Hur HEX till CMYK-konvertering fungerar
- Konvertera HEX-koden till RGB och dividera varje kanal med 255.
- Beräkna nyckelkomponenten (svart): K = 1 − max(R, G, B).
- Härled de andra bläcken genom att ta bort den svarta andelen: C = (1 − R − K) / (1 − K), och samma formel för magenta och gul.
- Multiplicera alla fyra värden med 100 för att få procent. Ren svart blir 0/0/0/100.
Exempel som fungerar
Detta är en enhetsoberoende approximation. Riktigt tryck beror på papper, bläck och en ICC-färgsprofil, så se resultatet som en utgångspunkt och kontrollera alltid en tryckprova för varumärkeskritiska färger.
HEX och CMYK förklarat
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
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
HEX till CMYK referenstabell
De vanligaste CSS-färgerna, konverterade från HEX till CMYK.
| Färg | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |