Converti valori CMYK in un codice HEX
Scrivi le quattro percentuali di inchiostro e il codice HEX compare mentre scrivi: cmyk(76%, 47%, 0%, 4%) dà #3B82F5. Il campo accetta numeri con e senza simbolo di percentuale, con la virgola decimale e con le lettere C, M, Y, K, quindi puoi incollare i valori così come sono nel manuale d’identità o nella scheda della tipografia.
Come si converte CMYK in HEX?
Prima ricavi dai quattro inchiostri tre canali di luce, poi scrivi ogni canale con due caratteri esadecimali. Le percentuali entrano nella formula come frazioni, quindi 76% diventa 0,76.
La formula: R = 255 × (1 − C) × (1 − K). Il verde si calcola allo stesso modo dal magenta, il blu dal giallo.
Per cmyk(76%, 47%, 0%, 4%) il canale rosso vale 255 × 0,24 × 0,96, cioè 59, il verde 130 e il blu 245. Ora dividi ogni numero per 16: 59 fa 3 volte 16 con resto 11, e all’11 corrisponde la lettera B, quindi il rosso diventa 3B. Allo stesso modo 130 dà 82 e 245 dà F5. Il risultato è #3B82F5.
Il convertitore CMYK in RGB si ferma a metà strada, ai tre numeri. Per passare da un codice dello schermo agli inchiostri usa il convertitore HEX in CMYK.
Che cosa dicono i quattro numeri CMYK e i sei caratteri HEX?
I quattro numeri del CMYK sono una ricetta per la macchina da stampa: quale parte della carta coprire di ciano, magenta, giallo e nero[1]. Per questo si trovano nelle schede delle tipografie e nei manuali d’identità, perché descrivono l’inchiostro e non ciò che si vede sul monitor.
I sei caratteri HEX sono tre numeri da 0 a 255 scritti nel sistema esadecimale, due caratteri per la luce rossa, due per la verde e due per la blu[2]. È il codice che incolli nel CSS, nel tema del tuo sito, in Canva o in Figma.
Il risultato ha sempre sei caratteri, perché l’inchiostro non ha trasparenza e non c’è niente da mettere in un settimo e in un ottavo carattere. Scriviamo il codice in maiuscolo, anche se il browser legge #3b82f5 allo stesso modo[2].
Se hai il colore in un’altra notazione, per esempio OKLCH, Lab o codice Android, il convertitore colori lo mostra insieme in tutte le notazioni.
Che codice HEX hanno i retini dei quattro inchiostri?
| Valori CMYK | Inchiostro | Codice HEX |
|---|---|---|
| 100%, 0%, 0%, 0% | Ciano 100% | #00FFFF |
| 50%, 0%, 0%, 0% | Ciano 50% | #80FFFF |
| 20%, 0%, 0%, 0% | Ciano 20% | #CCFFFF |
| 0%, 100%, 0%, 0% | Magenta 100% | #FF00FF |
| 0%, 50%, 0%, 0% | Magenta 50% | #FF80FF |
| 0%, 20%, 0%, 0% | Magenta 20% | #FFCCFF |
| 0%, 0%, 100%, 0% | Giallo 100% | #FFFF00 |
| 0%, 0%, 50%, 0% | Giallo 50% | #FFFF80 |
| 0%, 0%, 20%, 0% | Giallo 20% | #FFFFCC |
| 0%, 0%, 0%, 100% | Nero 100% | #000000 |
| 0%, 0%, 0%, 50% | Nero 50% | #808080 |
| 0%, 0%, 0%, 20% | Nero 20% | #CCCCCC |
| 0%, 0%, 0%, 10% | Nero 10% | #E6E6E6 |
Il manuale d’identità dà un codice HEX diverso dal convertitore. Quale usare?
Usa quello del manuale. La formula presuppone inchiostri perfetti su una carta perfettamente bianca, quindi il suo risultato esce più chiaro e più saturo di una stampa vera. Il codice del manuale di solito è molto più vicino a quello che si vede sulla carta.
Il manuale d’identità visiva del Ministero delle infrastrutture e dei trasporti lo mostra bene. Per il blu istituzionale indica 100% di ciano, 78% di magenta, 22% di giallo e 8% di nero, con il codice #15417B[3]. La formula trasforma questi inchiostri in #0034B7, un blu molto più acceso. Con il profilo di stampa PSO Coated v3, che abbiamo applicato con la libreria Little CMS[4] e il file della European Color Initiative[5], si ottiene #083F78, molto vicino al codice del manuale.
Quando il manuale riporta solo il CMYK, il convertitore ti dà un codice di lavoro. Confrontalo con un volantino o un biglietto da visita stampati e scurisci il colore in Figma o nel CSS se sullo schermo brilla più che sulla carta.
Colori del Ministero: formula, profilo di stampa e manuale
| CMYK nel manuale | Colore | HEX con la formula | HEX con PSO Coated v3 | HEX nel manuale |
|---|---|---|---|---|
| 100%, 78%, 22%, 8% | Blu istituzionale | #0034B7 | #083F78 | #15417B |
| 100%, 0%, 100%, 0% | Verde bandiera | #00FF00 | #00943D | #009640 |
| 0%, 0%, 0%, 5% | Bianco bandiera | #F2F2F2 | #F5F5F5 | #F6F6F6 |
| 0%, 100%, 100%, 0% | Rosso bandiera | #FF0000 | #E7000D | #E30616 |
#00FF00, mentre il profilo dà #00943D, quasi il codice del manuale.I valori CMYK tornano dopo il passaggio in HEX e ritorno?
| CMYK di partenza | Codice HEX | CMYK al ritorno |
|---|---|---|
| 100%, 80%, 0%, 0% | #0033FF | 100%, 80%, 0%, 0% |
| 76%, 47%, 0%, 4% | #3B82F5 | 76%, 47%, 0%, 4% |
| 0%, 12%, 100%, 5% | #F2D500 | 0%, 12%, 100%, 5% |
| 20%, 30%, 40%, 0% | #CCB399 | 0%, 12%, 25%, 20% |
| 40%, 30%, 20%, 10% | #8AA1B8 | 25%, 13%, 0%, 28% |
| 60%, 40%, 40%, 100% | #000000 | 0%, 0%, 0%, 100% |
| 100%, 100%, 100%, 100% | #000000 | 0%, 0%, 0%, 100% |
#000000, e da quel codice torna solo l’inchiostro nero da solo. Nel file di stampa inserisci i valori CMYK del manuale o della scheda della tipografia, non il risultato di un’andata e ritorno attraverso HEX.Quali scritture CMYK accetta questo convertitore?
| Cosa scrivi | Cosa mostra il convertitore | Come lo leggiamo |
|---|---|---|
| 76, 47, 0, 4 | #3B82F5 | Leggiamo quattro numeri come percentuali nell’ordine ciano, magenta, giallo e nero. |
| 76 47 0 4 | #3B82F5 | Bastano gli spazi, perché le virgole tra i numeri non servono. |
| cmyk(76%, 47%, 0%, 4%) | #3B82F5 | La scrittura con le parentesi, uguale al risultato del convertitore HEX in CMYK, la accettiamo insieme al nome. |
| C 76 M 47 Y 0 K 4 | #3B82F5 | Saltiamo le lettere di canale con cui i manuali d’identità indicano gli inchiostri e teniamo i numeri. |
| 76,5 47 0 4 | #3A82F5 | Leggiamo la virgola tra due cifre come decimale, altrimenti verrebbero cinque numeri invece di quattro. |
| 0,76 0,47 0 0,04 | #3B82F5 | Le frazioni da 0 a 1 che restituiscono alcuni programmi e librerie le trasformiamo in percentuali. |
| (76, 47, 0, 4) | #3B82F5 | Leggiamo una tupla di Python insieme alle sue parentesi. |
| device-cmyk(76% 47% 0% 4%) | #3B82F5 | Accettiamo anche la scrittura della specifica CSS Color Module Level 5. |
| 150, 0, 0, 0 | #00FFFF | Un valore sopra 100 lo portiamo a 100 e uno negativo a zero, perché l’inchiostro non può coprire più di tutta la superficie. |
device-cmyk() è definita in CSS Color Module Level 5[6].Converti altre unità in HEX
Converti CMYK in altre unità
Fonti
- CMYK — Wikipedia
- CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versione inglese)
- Manuale d’identità visiva — Ministero delle infrastrutture e dei trasporti
- Little CMS — Marti Maria (versione inglese)
- Downloads: ICC profiles from ECI — European Color Initiative (versione inglese)
- CSS Color Module Level 5: Specifying Uncalibrated CMYK Colors — W3C (versione inglese)
- Color Bridge Guide Coated — Pantone (versione inglese)
Tutti i valori delle tabelle sono stati calcolati dalle definizioni delle unità e verificati con il calcolo prima della pubblicazione. I dati storici e i nomi delle unità locali si basano sulle fonti elencate sopra.
Ultima revisione dei contenuti: · scritto e verificato dal team Arteon
Domande frequenti sulla conversione da CMYK a HEX
Posso scrivere il numero di un colore Pantone?
No. Il campo si aspetta quattro numeri CMYK, mentre un numero Pantone indica un inchiostro già miscelato. La mazzetta Pantone Color Bridge riporta valori CMYK e HTML per i colori Pantone[7], e i suoi valori CMYK li puoi convertire qui in codice HEX.
Cosa succede se scrivo solo tre numeri?
Il campo del risultato resta vuoto e sotto compare un avviso: l’inserimento non si può leggere come colore CMYK, con un esempio di quattro numeri. Lo stesso succede con cinque numeri, perché il convertitore non indovina quale sia di troppo.
Il codice HEX di questo convertitore va bene per il CSS?
Sì. Il risultato ha la forma #RRGGBB, che ogni browser accetta[2]. Il pulsante Copia risultato copia il codice con il cancelletto.
Aiutaci a migliorare i nostri strumenti
Hai un’idea per una funzione, hai trovato un errore o vuoi proporre un altro strumento? Scrivici.