Vieni dalla stampa e ti serve lo stesso colore sul web? Convertire CMYK in HEX ti dà l'equivalente da schermo più vicino del tuo mix di inchiostri, pronto da incollare in CSS, Figma o in una scheda di brand.
Come funziona la conversione da CMYK a HEX
- Dividi tutte e quattro le percentuali CMYK per 100.
- Applica prima la componente di chiave: ogni canale viene scalato da (1 − K).
- Calcola i canali: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Arrotonda ogni canale, scrivilo come due cifre esadecimali e uniscile dietro un #.
Esempio pratico
Per natura approssimativo. CMYK copre una gamma cromatica più piccola rispetto a uno schermo, quindi il risultato HEX è un'anteprima fedele più che una corrispondenza gestita colore — per quella servirebbe il profilo ICC della stampa.
CMYK e HEX spiegati
Cos'è CMYK?
CMYK è il modello a quattro inchiostri usato in stampa: cyan, magenta, yellow e key (nero), ognuno espresso in percentuale da 0 a 100. L'inchiostro sottrae luce invece di emitirla, quindi CMYK copre meno colori rispetto a uno schermo — ecco perché i colori brillanti a schermo spesso risultano più spenti una volta stampati.
- Sintassi:
- cmyk(C%, M%, Y%, K%)
- Intervallo:
- 0–100% per inchiostro
- Ideale per:
- stampa, packaging, artwork pronto per la stampa
Cos'è HEX?
Un codice HEX è un numero esadecimale di sei cifre che memorizza i canali rosso, verde e blu di un colore preceduto da #. Ogni coppia di cifre rappresenta un canale, da 00 (nessuno) a FF (tutto), offrendo gli stessi 16,7 milioni di colori dell'RGB in una notazione molto più compatta. HEX è il predefinito in CSS, strumenti di design e linee guida di brand.
- Sintassi:
- #RRGGBB
- Intervallo:
- 00–FF per canale
- Ideale per:
- CSS, consegne di design, linee guida del brand
Tabella di riferimento da CMYK a HEX
I colori CSS più comuni, convertiti da CMYK a HEX.
| Colore | 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 |