Véns de la impressió i necessites el mateix color a la web? Convertir CMYK a HEX et dona l’equivalent de pantalla més proper de la teva barreja d’impressió, llest per enganxar a CSS, Figma o una fitxa de marca.
Com funciona la conversió de CMYK a HEX
- Divideix els quatre percentatges CMYK per 100.
- Aplica primer el component de clau: cada canal s’escalarà per (1 − K).
- Calcula els canals: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Arrodoneix cada canal, escriu-lo com a dos dígits hexadecimals i uneix-los darrere d’un #.
Exemple resolt
Aproximat per naturalesa. CMYK cobreix una gamma de colors més petita que una pantalla, així que el resultat HEX és una previsualització fidel i no una coincidència gestionada per color — això requeriria el perfil ICC de la impremta.
CMYK i HEX explicats
Què és CMYK?
CMYK és el model de quatre tintes utilitzat en impressió: cian, magenta, groc i key (negre), cada una com a percentatge de 0 a 100. La tinta resta llum en lloc d'emetre-la, així que CMYK abasta menys colors que una pantalla — per això els colors vius de pantalla sovint semblen més apagats quan s'imprimeixen.
- Sintaxi:
- cmyk(C%, M%, Y%, K%)
- Rang:
- 0–100% per tinta
- Millor per:
- impressió, embalatge, arte final per a premsa
Què és HEX?
Un codi HEX és un nombre hexadecimal de sis dígits que emmagatzema els canals vermell, verd i blau d'un color darrere d'una # inicial. Cada parella de dígits cobreix un canal, de 00 (cap) a FF (complet), cosa que proporciona els mateixos 16,7 milions de colors que RGB amb una notació molt més curta. HEX és la predeterminada en CSS, eines de disseny i guies de marca.
- Sintaxi:
- #RRGGBB
- Rang:
- 00–FF per canal
- Millor per:
- CSS, lliurament de disseny, guies de marca
Taula de referència de CMYK a HEX
Els colors CSS més comuns convertits de CMYK a HEX.
| Color | 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 |