Converti un codice HEX nei quattro inchiostri CMYK

Ultima revisione dei contenuti:

Scrivi un codice colore e i valori CMYK compaiono mentre scrivi: #3B82F6 dà cmyk(76%, 47%, 0%, 4%). Il convertitore usa la formula standard senza profilo di stampa, quindi il risultato ti serve come riferimento veloce, mentre i valori per il file di stampa li dà il tuo programma di grafica con il profilo che chiede la tipografia.

in

Come si converte un codice HEX in CMYK?

Prima trasformi il codice in tre numeri, poi questi numeri in quattro percentuali di inchiostro. Il codice #3B82F6 è fatto di tre coppie di caratteri: 3B, 82 e F6. Ogni coppia è un numero scritto in esadecimale, dove dopo le cifre da 0 a 9 le lettere dalla A alla F valgono da 10 a 15. Quindi 3B vale 3 × 16 + 11, cioè 59, 82 vale 130 e F6 vale 246.


La formula: K = 1 − (canale maggiore ÷ 255), poi C = (1 − R ÷ 255 − K) ÷ (1 − K). Il magenta si calcola allo stesso modo dal canale verde, il giallo dal blu.


In #3B82F6 il canale più chiaro è il blu. 246 ÷ 255 fa 0,965, quindi il nero vale 0,035, cioè 4%. Il ciano arriva a 76%, il magenta a 47% e il giallo resta a 0%, perché è il canale blu ad aver fissato il nero. Il risultato è cmyk(76%, 47%, 0%, 4%).


Arrivi allo stesso risultato in due passaggi con il convertitore HEX in RGB e poi il convertitore RGB in CMYK. I valori CMYK di un manuale d’identità li riporti a codice con il convertitore CMYK in HEX.

Che cos’è un codice HEX e che cosa sono i valori CMYK?

Un codice HEX descrive un colore dello schermo nel sistema esadecimale. I sei caratteri dopo il cancelletto formano tre coppie per la luce rossa, verde e blu, e ogni coppia va da 00 a FF, cioè da 0 a 255. Maiuscole e minuscole si equivalgono. Il CSS accetta anche una forma breve di tre caratteri in cui ogni carattere si raddoppia, quindi #38F equivale a #3388FF, e una forma di otto caratteri in cui l’ultima coppia indica la trasparenza[1]. I codici HEX di una foto li ricavi con l’estrattore di colori da immagine.


Il CMYK descrive il colore come inchiostro. È l’acronimo di ciano, magenta, giallo e chiave, dall’inglese Cyan-Magenta-Yellow-Key, dove la chiave è il nero[2]. I quattro numeri dicono quale parte della carta viene coperta da ciascun inchiostro: 0 è carta senza inchiostro, 100 copertura piena.


Le due scale vanno in senso opposto. Lo schermo emette luce, quindi più alte sono le coppie del codice HEX, più chiaro è il colore. La carta riflette la luce e l’inchiostro la assorbe, quindi più alti sono i valori CMYK, più scuro è il colore. L’inchiostro non ha nemmeno trasparenza, per questo il convertitore ignora l’ultima coppia di un codice da otto caratteri.


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.

Quali valori CMYK hanno i codici HEX più comuni?

L’elenco raccoglie i colori di base dello schermo e quelli che il CSS indica con un nome. Il convertitore ha calcolato tutti i valori, quindi vedrai gli stessi numeri scrivendo il codice nel campo.
Codice HEXNome in CSSValori CMYK
#FFFFFFwhite0%, 0%, 0%, 0%
#000000black0%, 0%, 0%, 100%
#FF0000red0%, 100%, 100%, 0%
#00FF00lime100%, 0%, 100%, 0%
#0000FFblue100%, 100%, 0%, 0%
#FFFF00yellow0%, 0%, 100%, 0%
#00FFFFaqua100%, 0%, 0%, 0%
#FF00FFfuchsia0%, 100%, 0%, 0%
#C0C0C0silver0%, 0%, 0%, 25%
#808080gray0%, 0%, 0%, 50%
#800000maroon0%, 100%, 100%, 50%
#008000green100%, 0%, 100%, 50%
#000080navy100%, 100%, 0%, 50%
#800080purple0%, 100%, 0%, 50%
#FFA500orange0%, 35%, 100%, 0%
Maroon, green, navy e purple ricevono metà nero, perché il loro canale più chiaro vale 128, circa la metà del massimo. I nomi vengono dalla specifica CSS Color Module Level 4[1].

Perché Photoshop dà valori CMYK diversi da una calcolatrice?

La formula presuppone inchiostri perfetti, mentre il programma di grafica lavora con un profilo ICC, cioè la descrizione di certi inchiostri, di una carta e di un processo di stampa precisi. La differenza si vede soprattutto sul nero e sui grigi. La formula lascia sempre a zero almeno uno dei tre inchiostri colorati e affida tutto il grigio all’inchiostro nero, quindi per lei #808080 è 50% di nero e basta. Il profilo PSO Coated v3, pensato per la carta patinata, usa una generazione del nero media, ferma il nero al 96% e limita la copertura totale al 300%[3]. Con questo profilo lo stesso grigio si compone quindi con tutti e quattro gli inchiostri.

Mazzetta Pantone aperta a ventaglio con campioni viola e rossi ed etichette con quattro numeri accanto a piccoli quadrati nei colori degli inchiostri
Una mazzetta Pantone riporta accanto a ogni campione con la sigla CP quattro numeri stampati vicino a piccoli quadrati nei colori degli inchiostri. PANTONE 2655 CP ha 54% di ciano e 61% di magenta, senza giallo né nero, e il convertitore lo scrive come cmyk(54%, 61%, 0%, 0%). Foto: Bent Van Aeken, Unsplash

Quando ti servono valori per un file di stampa, apri in Photoshop il Selettore colore di Adobe facendo clic sul riquadro del colore superiore nella finestra degli strumenti, e scrivi il codice nella casella di testo #. Il selettore mostra insieme i valori C, M, Y e K[4], calcolati nello spazio di lavoro CMYK scelto in Modifica › Impostazioni colore[5]. Se compare un triangolo di avvertenza, il colore non è stampabile così com’è, e un clic sul triangolo sceglie l’equivalente CMYK più simile[4].

Quanto inchiostro riceve lo stesso codice con la formula e con un profilo di stampa?

Abbiamo calcolato la colonna del profilo con la libreria Little CMS[6] e il profilo PSO Coated v3 della European Color Initiative[7], in modalità colorimetrico relativo con compensazione del punto di nero. La modalità percettiva dà risultati diversi di qualche punto.
Codice HEXFormula (questo convertitore)Profilo PSO Coated v3Copertura totale con il profilo
#0000000%, 0%, 0%, 100%83%, 67%, 51%, 95%296%
#3333330%, 0%, 0%, 80%63%, 53%, 45%, 68%229%
#8080800%, 0%, 0%, 50%44%, 36%, 33%, 23%136%
#FF00000%, 100%, 100%, 0%0%, 96%, 100%, 0%196%
#0000FF100%, 100%, 0%, 0%98%, 82%, 0%, 0%180%
#3B82F676%, 47%, 0%, 4%76%, 47%, 0%, 0%123%
#FFCC000%, 20%, 100%, 0%0%, 19%, 90%, 0%109%
Il nero #000000 con il profilo consuma 296% di inchiostro, quasi tutto il limite del 300%. Per #3B82F6 le due colonne differiscono solo nel nero: la formula ne aggiunge 4%, il profilo nessuno.

Quali valori CMYK indica il manuale d’identità del Ministero delle infrastrutture e dei trasporti?

Il manuale d’identità visiva del Ministero riporta per ogni colore istituzionale i codici Pantone, CMYK, RGB, RAL ed esadecimali[8]. Il verde, il bianco e il rosso sono i colori della bandiera. L’ultima colonna mostra che cosa fa la formula con lo stesso codice HEX.
ColoreCodice HEX nel manualeCMYK nel manualeCMYK con la formula
Blu istituzionale#15417B100%, 78%, 22%, 8%83%, 47%, 0%, 52%
Verde bandiera#009640100%, 0%, 100%, 0%100%, 0%, 57%, 41%
Bianco bandiera#F6F6F60%, 0%, 0%, 5%0%, 0%, 0%, 4%
Rosso bandiera#E306160%, 100%, 100%, 0%0%, 97%, 90%, 11%
Il blu istituzionale mostra la differenza più grande: il manuale lo stampa con tutti e quattro gli inchiostri, la formula gli toglie il giallo e gli dà 52% di nero. Se la tua azienda ha un manuale d’identità, prendi da lì i valori CMYK e usa il convertitore solo per i colori che il manuale non descrive. I colori sono a pagina 27 del manuale[8].

Quali scritture di un codice HEX accetta questo convertitore?

Il campo accetta e converte tutte queste scritture, quindi non devi correggere nulla prima di incollare. La tabella mostra che cosa fa il convertitore con ciascuna, e i risultati li ha calcolati lui stesso.
Cosa scriviCosa mostra il convertitoreCome lo leggiamo
#3B82F6cmyk(76%, 47%, 0%, 4%)Un codice completo con cancelletto, come in un foglio di stile o in Figma, lo convertiamo così com’è.
3b82f6cmyk(76%, 47%, 0%, 4%)Senza cancelletto e in minuscolo il codice funziona lo stesso, perché maiuscole e minuscole non cambiano un codice HEX.
#38Fcmyk(80%, 47%, 0%, 0%)La forma breve da tre caratteri la espandiamo raddoppiando ogni carattere, quindi calcoliamo #3388FF.
#3B82F680cmyk(76%, 47%, 0%, 4%)Tralasciamo l’ultima coppia, che indica la trasparenza, perché l’inchiostro sulla carta non ce l’ha.
color: #3B82F6;cmyk(76%, 47%, 0%, 4%)Da una riga copiata da un foglio di stile o dagli strumenti per sviluppatori del browser teniamo solo il codice.
"#3B82F6"cmyk(76%, 47%, 0%, 4%)Togliamo le virgolette con cui arriva un codice copiato da un file JSON o da JavaScript.
##3B82F6cmyk(76%, 47%, 0%, 4%)Il doppio cancelletto compare quando incolli un codice dove ce n’era già uno, quindi lo leggiamo come uno solo.

Converti altre unità in CMYK

Converti HEX in altre unità

Fonti

  1. CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versione inglese)
  2. CMYK — Wikipedia
  3. PSOcoated_v3.icc — scheda nel registro dei profili — International Color Consortium (versione inglese)
  4. Scegliere i colori in Adobe Photoshop — Adobe
  5. Impostazioni colore in Photoshop — Adobe
  6. Little CMS — Marti Maria (versione inglese)
  7. Downloads: ICC profiles from ECI — European Color Initiative (versione inglese)
  8. Manuale d’identità visiva — Ministero delle infrastrutture e dei trasporti
  9. Color Bridge Guide Coated — Pantone (versione inglese)
  10. Pantone Guides With Suffix Of PC or EC — X-Rite (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 HEX a CMYK

Il colore stampato sarà uguale al colore HEX sullo schermo?

Non sempre. I colori più saturi dello schermo sono fuori da quello che quattro inchiostri riescono a riprodurre sulla carta. Abbiamo convertito il blu puro #0000FF nel profilo PSO Coated v3 e di nuovo per lo schermo, ed è tornato come rgb(29, 60, 145), un blu molto più scuro. Il verde puro #00FF00 è tornato come rgb(102, 179, 41), mentre il grigio #808080 non è cambiato. Per una tiratura grande, chiedi alla tipografia una prova colore.

Si può convertire un codice HEX in un colore Pantone?

Non con una formula. I colori Pantone sono inchiostri miscelati in anticipo, ognuno con il suo numero nella mazzetta. Le corrispondenze più vicine le trovi nella mazzetta Pantone Color Bridge, che confronta 2 587 colori Pantone con i valori CMYK più simili e riporta anche i valori HTML e RGB[9]. I campioni con la sigla CP sono in quella mazzetta simulazioni in quadricromia su carta patinata[10].

Cosa faccio se ho il colore in RGB e non in HEX?

Scrivi i tre numeri nel convertitore RGB in CMYK, che usa la stessa formula. Questo campo accetta solo codici HEX e, se scrivi altro, mostra un avviso con un esempio di codice valido.

Il bianco #FFFFFF significa inchiostro bianco in stampa?

No. cmyk(0%, 0%, 0%, 0%) significa che non si stampa inchiostro, quindi si vede la carta. Su carta bianca risulta bianco, su carta avorio o grigia il colore della carta.

Screenshot dello strumento gratuito Arteon: Converti un codice HEX nei quattro inchiostri CMYK

Aiutaci a migliorare i nostri strumenti

Hai un’idea per una funzione, hai trovato un errore o vuoi proporre un altro strumento? Scrivici.