Convertitore HEX in CMYK

Cos'è un convertitore HEX in CMYK?

// sRGB hex → naive CMYK approximation
// NOTE: This is the textbook K = 1 - max(R,G,B); C = (1-R-K)/(1-K) formula.
// It is NOT an ICC-profile conversion. Real print accuracy requires color
// management against the specific press (US Web Coated SWOP v2, Fogra39,
// Japan Color 2011 Coated, etc.), ink set, and paper substrate. Channel
// values can drift 5-15% from this naive output once ICC conversion runs.
// Use as estimate for proofs, briefs, and digital press — never as a press-
// ready deliverable.
function hexToCmyk(hex) {
  const h = hex.trim().replace(/^#/, '');
  const [r, g, b] = [0, 2, 4].map(i => parseInt(h.slice(i, i + 2), 16) / 255);
  const k = 1 - Math.max(r, g, b);
  // Pure black short-circuit: max RGB = 0 ⇒ K = 1, C/M/Y undefined (0/0)
  if (k === 1) return { c: 0, m: 0, y: 0, k: 100 };
  const c = (1 - r - k) / (1 - k);
  const m = (1 - g - k) / (1 - k);
  const y = (1 - b - k) / (1 - k);
  return { c: Math.round(c * 100), m: Math.round(m * 100), y: Math.round(y * 100), k: Math.round(k * 100) };
}
console.log(hexToCmyk('#3b82f6')); // → { c: 76, m: 47, y: 0, k: 4 }
console.log(hexToCmyk('#FF5733')); // → { c: 0, m: 66, y: 80, k: 0 }
console.log(hexToCmyk('#000000')); // → { c: 0, m: 0, y: 0, k: 100 }

Caratteristiche principali

Alternative al convertitore HEX in CMYK

Esempi di conversione HEX in CMYK

#3b82f6

#FF5733

#0F172A

#FF0000

Conversioni HEX → CMYK comuni

Tabella di riferimento di 10 colori canonici con i loro equivalenti HEX e CMYK ingenui. I valori usano la formula da manuale `K = 1 - max(R,G,B); C = (1-R-K)/(1-K)` arrotondata al percento intero. **Promemoria**: queste sono approssimazioni ingenue, non valori press-ready ICC-corretti. Per tirature di produzione, confermi con il profilo ICC della sua tipografia contro macchina, inchiostro e carta reali.

Come usare il convertitore HEX in CMYK

1. 1

   Incolli un codice hex nel campo HEX

   Rilasci un valore hex qualsiasi nell'input HEX — con o senza il `#` iniziale, in abbreviazione a 3 cifre (`#F73`), forma completa a 6 cifre (`#FF5733`), abbreviazione alpha a 4 cifre (`#F738`) o forma completa alpha a 8 cifre (`#FF5733CC`). Il parser normalizza tutte e cinque le forme di input nello stesso colore interno prima di derivare il CMYK. Le maiuscole/minuscole non contano (`#FF5733` e `#ff5733` vengono analizzati in modo identico). Caratteri non validi o conteggi di cifre errati producono un errore inline silenzioso; l'hex valido aggiorna in tempo reale ogni altro campo di formato, incluso CMYK. L'alpha viene ignorato per la derivazione CMYK — l'inchiostro non ha trasparenza.

2. 2

   Legga le percentuali CMYK dal campo CMYK

   Il campo CMYK espone il valore come quattro percentuali di canale: `cmyk(76%, 47%, 0%, 4%)` per il blue-500 di Tailwind. I canali sono Cyan, Magenta, Yellow, Key (nero). Ogni percentuale rappresenta la copertura d'inchiostro — 0% significa nessun inchiostro per quel canale, 100% significa copertura piena. **Promemoria**: questa è un'inversione ingenua basata su sRGB, non una conversione tramite profilo ICC. La usi come stima di partenza; confermi i valori finali con la pipeline ICC della tipografia contro macchina, inchiostro e carta reali prima di qualsiasi tiratura di produzione.

3. 3

   Faccia clic su Copia per ottenere la stringa CMYK

   Ogni scheda di formato ha un pulsante Copia sulla destra. Un clic e il valore finisce negli appunti — l'etichetta del pulsante passa brevemente a "Copiato!" per conferma. La stringa copiata è la notazione CMYK standard (`cmyk(76%, 47%, 0%, 4%)`), pronta da inserire in un brief di design o un'email al fornitore. Per output specifico per piattaforma in cui CMYK non è nativo (CSS, SwiftUI, Compose, Flutter lavorano tutti in spazi colore basati su RGB), la sezione Copia come codice sotto il picker emette l'equivalente nel formato di ciascuna piattaforma — utile quando le serve lo stesso colore espresso sia per un target a schermo sia per un target di stampa.

4. 4

   Cross-check con RGB, HSL, OKLCH, colore named

   Lo stesso hex che incolla accende anche gli altri campi di formato — RGB per chiamate canvas e hardware, HSL per CSS legacy, OKLCH e OKLAB per i design system percettivamente uniformi moderni (Tailwind v4, shadcn/ui), HSV e HWB per le UI di color picker per designer, e il colore CSS named più vicino per la prosa di documentazione. Non resta mai vincolato a hex → CMYK soltanto. Il picker (quadrato SL + cursore di tonalità + cursore alpha) guida tutti e nove i campi simultaneamente, e sui browser Chromium il pulsante EyeDropper campiona qualunque pixel sullo schermo, anche fuori dal browser.

5. 5

   Invii l'hex sorgente (non il CMYK) alla tipografia

   Il miglior workflow di preparazione alla stampa è inviare l'hex sorgente (o la tripletta OKLCH) alla tipografia e lasciare che il loro prepress produca il CMYK press-ready tramite il profilo ICC appropriato (US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated, o un profilo personalizzato press-specific). L'output CMYK ingenuo qui è per le sue stime interne, i brief al fornitore e il lavoro proof-of-concept — non per la produzione diretta. Abbini il CMYK ingenuo all'hex sorgente in qualsiasi documento di specifica così che la tipografia abbia il riferimento autoritativo.

Errori comuni HEX / CMYK

Specifica inviata alla tipografia:
Colore brand CMYK: cmyk(76%, 47%, 0%, 4%)
(output da formula ingenua, nessuna conversione ICC)
La tipografia spedisce file press-ready immutati.
Pezzo finale: blu slavato, fuori brand.

Specifica inviata alla tipografia:
Sorgente colore brand: #3b82f6
Stima CMYK ingenua: cmyk(76%, 47%, 0%, 4%)
Macchina target: ICC-corretto tramite US Web Coated SWOP v2
La tipografia esegue la conversione ICC: cmyk(82%, 53%, 0%, 0%) (esempio di spostamento)
Pezzo finale: corrisponde al proof digitale.

Approvare il colore-schermo, aspettarsi una stampa identica:
#FF0000 appare rosso vivido sul monitor
cmyk(0%, 100%, 100%, 0%) ingenuo
La tipografia esegue ICC: CMYK in-gamma più vicino
Stampa finale: rosso spostato verso l'arancione, ~20% meno saturo.
Reazione: "è sbagliato, ristampare".

Pianifichi tempo per una prova bagnata; accetti il gamut mismatch:
#FF0000 → approssimazione CMYK: cmyk(0%, ~95%, ~95%, 0%) ICC
Prova bagnata su carta reale: spostato verso l'arancione, meno saturo
Il team di design approva il proof come nuovo riferimento
La stampa finale corrisponde al proof approvato.

Specificare un colore scuro ad alta copertura senza controllare il totale:
cmyk(85%, 85%, 85%, 95%) = 350% di copertura totale
Invio a macchina per quotidiano (limite 220%)
Risultato: l'inchiostro non asciuga, i fogli si attaccano, danni da sbavatura.

Controllare la copertura totale di inchiostro contro il limite della macchina:
cmyk(85%, 85%, 85%, 95%) = 350% — oltre il limite 220% del quotidiano
Ridurre tramite GCR / UCR: cmyk(40%, 30%, 30%, 80%) = 180% totale
Rientra nel limite, stampa pulito, asciuga nei tempi.

Specificare CMYK brand senza dettaglio sulla carta:
Rosso brand: cmyk(0%, 95%, 80%, 0%)
Stampare su patinata lucida E non patinata dallo stesso file
Lucida: rosso vivido come atteso
Non patinata: rosso-arancio spento, sembra fuori brand.

Specificare CMYK per supporto, ICC-corretto per ciascuno:
Rosso brand su patinata lucida: cmyk(0%, 95%, 80%, 0%) tramite Fogra39
Rosso brand su non patinata: cmyk(0%, 85%, 70%, 0%) tramite Fogra47
Ogni carta ottiene il CMYK press-ready tarato sul proprio profilo ICC.
Entrambi i pezzi si leggono come lo stesso rosso brand in stampa.

Chi usa HEX in CMYK

Print designer che preparano brief al fornitore

Prima di commissionare un lavoro di stampa, i designer inviano alla tipografia un brief con i colori brand specificati sia in hex (la fonte di verità) sia in un'approssimazione CMYK (così la tipografia può fare una stima orientativa dei costi di inchiostro e del tempo di proofing). Incolli ciascun hex brand qui, copi il CMYK ingenuo, inserisca entrambi nel documento di specifica. La tipografia poi esegue la conversione ICC reale contro il profilo della propria macchina e produce il CMYK press-ready prima delle lastre. Non salti l'hex sorgente — è ciò di cui la tipografia si fiderà per la conversione finale.

Brand manager che stimano i costi di stampa prima del preventivo

I preventivi di stampa dipendono in parte dalla copertura totale di inchiostro. Il CMYK ingenuo dà una stima orientativa del carico di inchiostro per una palette proposta: i colori ad alto K sono più economici (meno inchiostro, asciugatura più veloce), i colori ad alto CMY sono più costosi (più inchiostro, asciugatura più lunga, rischio di saturazione della carta). Incolli l'hex brand candidato, legga le percentuali CMYK, e avrà un numero difendibile per la conversazione di budget con il fornitore di stampa prima di impegnarsi su una configurazione macchina completa.

Packaging designer che fanno cross-check schermo vs stampa

Il lavoro di packaging vive in entrambi gli spazi simultaneamente — la pagina prodotto e-commerce viene renderizzata in hex sRGB a schermo, la scatola fisica viene stampata in CMYK sul supporto della scatola. Usi la vista simultanea hex + CMYK per individuare colori che si leggeranno in modo drammaticamente diverso tra i due media (rossi molto saturi, blu profondi, verdi vividi che eccedono la gamma CMYK), e segnali quei colori per trattamento Pantone spot o per regolazione deliberata del brand-system che accetta la differenza di gamma.

Team marketing che producono campagne multicanale

Una campagna multicanale tipicamente consegna lo stesso asset brand a un sito web (hex sRGB), un'email blast (hex sRGB con fallback sRGB), grafica social (hex sRGB su piattaforme che comprimono in AVIF/WebP), poster stampati (CMYK su carta patinata) e direct-mail (CMYK su non patinata). Converta l'hex sorgente una volta, legga il CMYK ingenuo per i pezzi di stampa, passi entrambi al team di produzione insieme alla specifica del profilo macchina così che possano eseguire la conversione ICC corretta.

Designer che fanno tirature corte su stampa digitale

Per biglietti da visita one-off, packaging prototipale e collaterali marketing in piccolo lotto su stampa digitale (HP Indigo, Kodak NexPress, Xerox iGen), l'approssimazione CMYK ingenua segue l'output reale più da vicino di quanto avvenga in offset perché le macchine digitali operano con una gestione del colore più stretta integrata nel RIP. Comunque non press-ready, ma più vicina — e l'economia delle tirature corte significa che una stampa di prova prima dell'impegno costa poco. Incolli l'hex, legga il CMYK, faccia un test.

Designer che migrano vecchi logo da schermo a stampa

I vecchi asset brand solo-web spesso vivono come codici hex senza alcuna specifica CMYK formale. Quando il brand deve apparire su un biglietto da visita stampato, una brochure o uno striscione per fiera per la prima volta, il team ha bisogno di un punto di partenza CMYK. Incolli ciascun hex legacy qui, legga il CMYK ingenuo, passi entrambi alla tipografia per la conversione ICC-corretta. Questo è il workflow canonico "brand digital-first va in stampa" che alla fine colpisce ogni team di design.

Educatori che insegnano le differenze tra modelli di colore

La vista simultanea hex + RGB + CMYK rende ovvio il contrasto additivo-vs-sottrattivo. Il rosso puro (`#FF0000`) viene renderizzato come `rgb(255, 0, 0)` a schermo e `cmyk(0%, 100%, 100%, 0%)` in CMYK ingenuo — gli studenti vedono l'inversione direttamente. Spinga verso un colore OKLCH wide-gamut e veda CMYK saturare mentre sRGB taglia. Una dimostrazione da aula su perché la conversione schermo-stampa è un problema difficile e perché la formula ingenua non è equivalente alla gestione del colore ICC-aware.

Matematica HEX in CMYK e caveat ICC

La formula CMYK ingenua

Opera su valori sRGB normalizzati (float 0-1 dagli interi 0-255 originali). Passo uno: `K = 1 - max(R, G, B)`. Questo imposta K all'ammontare della "luminosità mancante" — il bianco puro (R=G=B=1) restituisce K=0, il nero puro (R=G=B=0) restituisce K=1. Passo due: `C = (1 - R - K) / (1 - K); M = (1 - G - K) / (1 - K); Y = (1 - B - K) / (1 - K)`. Questo calcola ciascun canale CMY come l'inversione rimanente dopo aver tenuto conto di K. Passo tre: si moltiplica ciascun canale per 100 per la forma in percentuale e si arrotonda all'intero più vicino per la visualizzazione. Short-circuit per il nero puro: quando max(R,G,B) = 0, il denominatore (1 - K) è zero, quindi restituiamo direttamente `cmyk(0%, 0%, 0%, 100%)`.

Perché NON è una conversione ICC

Una conversione tramite profilo ICC reale applica una trasformazione multi-stadio: profilo sorgente (sRGB) → Profile Connection Space (tipicamente CIE LAB o XYZ) → profilo di output (US Web Coated SWOP v2, Fogra39, ecc.). Ogni stadio codifica misure empiriche della combinazione reale inchiostro-carta-macchina — curve di riflettanza spettrale, dot gain a vari livelli di copertura, limite totale di inchiostro, regolazioni di bilanciamento del grigio. La formula ingenua non fa nulla di tutto ciò. Tratta CMYK come un'astrazione matematica anziché come fisica dell'assorbimento dell'inchiostro, ed è per questo che l'output può scostarsi del 5-15% per canale da ciò che produce una pipeline ICC. Per la produzione, esegua la conversione in Photoshop, Illustrator o InDesign contro il profilo della macchina target, oppure passi l'hex sorgente al prepress della tipografia.

Profili ICC standard per regione e macchina

**Offset nordamericano**: US Web Coated SWOP v2 (lo standard SWOP-certified per carta patinata, usato dalla maggior parte delle tipografie offset commerciali statunitensi); GRACoL 2006 Coated #1 per carta patinata premium. **Offset europeo**: Fogra39 (standard ISO 12647-2 per carta patinata); Fogra51 per nuova patinata premium; Fogra52 per non patinata; Fogra47 per quotidiano. **Offset giapponese**: Japan Color 2011 Coated; Japan Color 2003 Web Coated per web offset. **Stampe digitali**: ogni produttore spedisce il proprio profilo ICC per il modello specifico di macchina e il set di inchiostri (HP Indigo IndiChrome, Kodak NexPress E-Series, Xerox iGen). Confermi sempre con la tipografia — molte hanno un profilo personalizzato press-specific che soppianta gli standard generici.

Dot gain, limite totale di inchiostro ed effetti del supporto

**Dot gain**: i punti d'inchiostro si espandono fisicamente colpendo una carta assorbente, aumentando la copertura apparente del 10-30% per canale; l'operatore della macchina compensa con curve nel RIP. La formula ingenua ignora completamente questo. **Limite totale di inchiostro**: le macchine offset limitano la copertura totale C+M+Y+K attorno al 280-320% per evitare set-off (inchiostro umido che si trasferisce sul retro del foglio successivo) e per prevenire la saturazione della carta; il quotidiano limita attorno al 220%. La formula ingenua può produrre il 400% di copertura totale per colori scuri, che sarebbe instampabile. **Supporto**: la carta avorio sposta il punto di bianco e riscalda ogni colore stampato; la non patinata assorbe più inchiostro e spegne la saturazione; la patinata lucida tiene la massima saturazione ma riflette la luce in modo diverso.

Perché esiste K (generazione del nero)

In teoria C+M+Y al 100% ciascuno restituisce nero. In pratica restituisce un marrone scuro torbido perché gli inchiostri reali non sono assorbitori ideali — ciascun inchiostro riflette un po' di luce a ogni lunghezza d'onda, l'overprint perfetto è impossibile per il mescolamento dell'inchiostro e il dot gain. K risolve tre problemi: l'inchiostro nero puro produce un nero netto e pulito per tipografia e ombre; la sostituzione con K permette alla formula di ridurre la copertura totale di inchiostro (inchiostro più economico, asciugatura più veloce, meno saturazione della carta); e una lastra K dedicata tiene il registro del testo più stretto (deve allinearsi solo una lastra, contro tre per il body text costruito da CMY). Il K = 1 - max(R,G,B) della formula ingenua è la strategia di generazione del nero più semplice possibile; il prepress reale usa strategie UCR (Under Color Removal) e GCR (Gray Component Replacement) che spostano più o meno CMY in K in base alle caratteristiche della macchina.

Gamut mismatch: rossi sRGB che CMYK non può raggiungere

sRGB e CMYK hanno gamut di forma diversa. sRGB può raggiungere rossi saturi, blu profondi e verdi vividi che cadono fuori dalla gamma stampabile del CMYK — il famoso caso "il rosso puro a schermo sembra arancione in stampa". La formula ingenua riporta `cmyk(0%, 100%, 100%, 0%)` per `#FF0000`, ma nessuna combinazione reale di inchiostri a qualunque livello di copertura può riprodurre quel colore-schermo esatto su carta. Una conversione ICC usa uno dei quattro rendering intent per gestire il gamut mismatch: Perceptual (comprime l'intera gamma sorgente per adattarla alla destinazione, preservando le relazioni complessive di colore), Relative Colorimetric (taglia i colori fuori gamma al valore in-gamma più vicino, preserva i colori in-gamma esattamente), Absolute Colorimetric (simile a Relative ma non compensa le differenze di punto di bianco), o Saturation (preserva la saturazione a discapito dell'accuratezza, usato perlopiù per grafica business).

Stabilità del round-trip tramite fonte di verità OKLCH

La rappresentazione canonica interna dello strumento è OKLCH (per il design dell'hub unificato), non CMYK. Il CMYK viene derivato da OKLCH a ogni battuta tramite la catena OKLCH → OKLAB → XYZ D65 → linear-sRGB → sRGB → CMYK ingenuo. Significa che modificare direttamente CMYK è anch'esso supportato: si analizzano le quattro percentuali, si esegue la formula inversa per recuperare sRGB (`R = (1 - C) * (1 - K); G = (1 - M) * (1 - K); B = (1 - Y) * (1 - K)`), si aggiorna la sorgente OKLCH, poi si ri-renderizzano tutti gli altri campi. I round-trip sono stabili ma con perdita ai bordi della gamma CMYK, dove l'inverso mappa più colori sRGB sulla stessa approssimazione CMYK.

Best practice per i flussi di lavoro HEX / CMYK

Confermi il CMYK reale con il profilo ICC del suo fornitore di stampa

Prima di qualsiasi tiratura di produzione, confermi il CMYK press-ready con la pipeline ICC della tipografia contro la combinazione reale di macchina, inchiostro e carta. L'output ingenuo qui può scostarsi del 5-15% per canale dal valore ICC-corretto, che è sufficiente a trasformare un rosso netto in un arancione torbido o un blu brand profondo in un navy slavato. Il prepress della tipografia è la fonte autoritativa — gli dia l'hex sorgente (non il CMYK ingenuo) e lo lasci eseguire la propria conversione contro US Web Coated SWOP v2, Fogra39, Japan Color 2011 Coated o un profilo personalizzato press-specific.

Usi il CMYK di questo strumento come stima di partenza per budget / scope

Il CMYK ingenuo è davvero utile per stime orientative: copertura totale di inchiostro per conversazioni di costo, dominanza K orientativa per i controlli di oscurità, sanity check rapido di gamma cromatica per la domanda "questo colore si stamperà davvero". Lo usi per la chiamata di budget, il brief al fornitore, la conversazione di scope. Poi passi l'hex sorgente alla tipografia per la conversione press-ready reale. Non spedisca l'output ingenuo come deliverable di produzione; lo spedisca come artefatto di pianificazione.

Per il match Pantone, la libreria di spot color della tipografia soppianta tutto

Gli spot color Pantone (e HKS, RAL, Toyo) sono inchiostri pre-miscelati con la propria identità colore fissa — non vengono costruiti dai canali process CMYK. Se il suo brand richiede il match Pantone (comune per il packaging, la stampa premium, qualsiasi lavoro dove il colore esatto è critico), la tipografia userà l'inchiostro Pantone direttamente e CMYK non entra nel discorso. Specifichi il numero Pantone nel brief; ignori sia il CMYK ingenuo sia quello ICC-corretto per quel colore. CMYK conta solo quando il lavoro gira interamente in colori process senza alcun inchiostro spot.

Invii l'HEX sorgente o OKLCH alla tipografia, non il CMYK ingenuo

Il prepress della tipografia ha bisogno del colore sorgente autoritativo così da poter eseguire la conversione contro il proprio profilo macchina. Gli passi l'hex sorgente (o OKLCH per i sistemi brand moderni) più qualunque callout di spot color (numeri Pantone). Non gli passi mai il CMYK ingenuo come deliverable — non ha modo di sapere se i valori vengono da una formula ingenua, da una vecchia conversione Photoshop contro un profilo macchina diverso o da una conversione ICC-corretta reale contro il profilo giusto. I dati sorgente evitano l'ambiguità.

Verifichi che il canale K sia ragionevole (K=100 solo per il nero puro)

Faccia un sanity check del valore K dopo la conversione. Il nero puro (`#000000`) dovrebbe restituire K=100 con C=M=Y=0. I colori scuri quasi-neri dovrebbero atterrare nell'intervallo K=80-95 con CMY basso. I mezzitoni (media saturazione, media luminosità) dovrebbero atterrare da qualche parte in K=20-60. I colori brillanti saturi dovrebbero stare a K=0 con uno o due canali CMY ad alta copertura. Se vede valori K fuori da questi pattern per la luminosità percepita di un dato colore, ricontrolli l'hex di input — un refuso può ribaltare un colore da "quasi-nero" a "quasi-bianco" silenziosamente. L'output CMYK rende visibile l'errore di input.

Esegua una prova bagnata su carta reale prima della produzione

Per qualsiasi tiratura di produzione che conta, ottenga una prova bagnata dalla tipografia sulla carta reale con gli inchiostri reali prima di firmare. I soft proof (simulazioni ICC a schermo) sono utili ma mai perfetti — la texture della carta, la densità d'inchiostro e lo spettro della luce di visione influenzano tutti la percezione finale. Pianifichi tempo e budget per almeno un'iterazione di prova bagnata. Il CMYK ingenuo qui, il CMYK ICC-corretto e la prova bagnata sono tre istantanee progressivamente più accurate dello stesso colore; la prova bagnata è l'unica che corrisponde esattamente al pezzo stampato finale.

Documenti l'hex sorgente accanto al CMYK finale

Una volta che la tipografia produce il CMYK press-ready e firma sul proof, documenti sia l'hex sorgente sia il CMYK ICC-corretto finale nella specifica brand. Sei mesi dopo, quando qualcuno deve ristampare o estendere la palette, entrambi i valori preservano la traccia di provenienza completa — la sorgente per la riconversione contro una macchina diversa, il CMYK bloccato per la ristampa sulla stessa macchina. Il CMYK ingenuo appartiene solo alla fase di brief; il CMYK press-ready appartiene alla specifica bloccata.

Domande frequenti