Kommer du fra print og skal have samme farve på web? At konvertere CMYK til HEX giver dig den nærmeste skærmækvivalent af din blækblanding, klar til at indsætte i CSS, Figma eller en brandguide.
Sådan fungerer konvertering fra CMYK til HEX
- Divider alle fire CMYK-procenter med 100.
- Anvend key-komponenten først: hver kanal skaleres med (1 − K).
- Beregn kanalerne: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Rund hver kanal, skriv den som to hexadecimale cifre og sæt dem sammen bag et #.
Eksempel
Tilnærmet af natur. CMYK dækker et mindre farverum end en skærm, så HEX-resultatet er en tro preview snarere end et farvestyringsmatch — det ville kræve trykkens ICC-profil.
CMYK og HEX forklaret
Hvad er CMYK?
CMYK er fire-bleksmodellen brugt i tryk: cyan, magenta, gul og key (sort), hver som en procent fra 0 til 100. Blæk subtraherer lys i stedet for at udsende det, så CMYK dækker færre farver end en skærm — derfor ser stærke skærmfarver ofte mere matte ud, når de trykkes.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Område:
- 0–100% per blæk
- Bedst til:
- tryk, emballage, trykklar grafik
Hvad er HEX?
En HEX-kode er et sekscifret hexadecimalt tal, som gemmer en farves røde, grønne og blå kanal bag et indledende #. Hvert par cifre dækker én kanal fra 00 (ingen) til FF (fuld), hvilket giver de samme 16,7 millioner farver som RGB i en kortere notation. HEX er standard i CSS, designværktøjer og brandguidelines.
- Syntaks:
- #RRGGBB
- Område:
- 00–FF per kanal
- Bedst til:
- CSS, designoverlevering, brandguidelines
CMYK til HEX referenceoversigt
De mest almindelige CSS-farver, konverteret fra CMYK til HEX.
| Farve | 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 |