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
- Ta de fyra CMYK-procentvärdena som bläckmängder för profilen Coated FOGRA39.
- Läs av färgen som profilen ger för den bläckblandningen, med återgivningsmetoden relativt kolorimetriskt och svartpunktskompensering.
- Konvertera färgen till sRGB. Färger som en skärm inte kan visa klipps till närmaste värde den kan visa.
- Avrunda varje kanal, skriv som två hexadecimala siffror och sätt ihop dem bakom ett #.
Exempel som fungerar
Det här använder den standardiserade profilen Coated FOGRA39, inte profilen för din tryckpress. Andra CMYK-profiler (till exempel från ditt tryckeri) ger andra värden, så behandla HEX-resultatet som en trogen förhandsvisning och kontrollera ett tryckprov för varumärkeskritiska färger.
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(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 |