Come rendere il colore del mio logo uguale in Web & Print?


16
  • Il mio cliente voleva usare il colore # dd0017 come il suo rosso primario nel suo sito web
  • Lungo tutto il percorso abbiamo progettato l'intero sito e il logo in quel colore (ho realizzato il logo in RGB).
  • Ora sta chiedendo una versione stampata. Ho provato a rendere il logo uguale a # dd0017. Ma non sta prendendo affatto valore in Illustrator o Photoshop. Si sta spostando automaticamente su # db1e26.
  • Inoltre, la maggior parte dei siti Web mostra che il codice colore equivalente per CMYK è (0,100,93,13). Quando ci sto provando, sta ottenendo un altro codice esadecimale di # d11628.
  • Si prega di notare che sono un po 'alle prime armi sulla questione dei colori. Sono un web designer ma a volte ho bisogno di creare loghi. Ma davvero non li capisco molto.

Quindi c'è una soluzione? Se non c'è nessuno, per favore, suggeriscimi come devo spiegarlo al cliente?


Innanzitutto, assicurati che tutti stiano usando la stessa marca e lo stesso modello di monitor.
aslum,

Risposte:


28

ecco la risposta tecnica

Dire che il colore è # dd0017 non ha senso, a meno che non sia accoppiato con informazioni su quale spazio colore stai usando! Pertanto anche la conversione da # dd0017 a CMYK non ha senso. Con questo fuori dalla nostra agenda possiamo iniziare a guardare cosa significherebbe lo stesso nel tuo scenario.

Quando parli di colore puro come # dd0017 stai specificando un colore diverso su ogni monitor. Per parlare dello stesso, allora si incontrano problemi perché non sappiamo se intendi:

  • Come sul tuo monitor
  • Come sul monitor dei tuoi clienti
  • Come su uno spazio colore standard

Vedere lo stesso numero crea colori diversi in spazi colore diversi. Perché sia ​​logico convertire un colore accurato, è necessario specificare lo spazio colore utilizzato. Quindi, ad esempio, # dd0017 nello spazio dei colori sRGB ha senso. I numeri non sono importanti e senza queste informazioni totalmente inutili. Quindi i numeri non rappresentano il colore in quanto tali, rappresentano un colore in uno spazio, diversi spazi RGB avranno valori numerici diversi. *

Inserisci la gestione del colore. Perché tutto ciò abbia un senso, è necessario sapere qual è il colore in uno spazio neutro del dispositivo. In sostanza è necessario misurare il monitor, con un colormetro ( ad esempio calibratore Montor come un ColorMunki per esempio). Inoltre, devi sapere quali sono le condizioni di luce sul desktop, quindi per essere precisi devi misurare questo monitor dove viene utilizzato (o farlo continuamente). Ora puoi creare un profilo per il tuo monitor, che ci dice come appare quel particolare combo monitor / area di lavoro dato che ogni monitor sul globo è unico.

Possiamo quindi associare quel numero magico a queste informazioni del profilo per ottenere valori neutri del dispositivo o rendere il display conforme a uno spazio colore standard come sRGB. Se visualizzi il monitor come sRGB, vedrai i colori come previsto dallo standard che è quello che dovrebbe essere il web.

Ok, ora puoi convertire il colore in spazio neutro, ma ovviamente devi ancora conoscere lo spazio della stampante. Per la stampante il processo è più o meno lo stesso. Molto probabilmente una stampante commerciale sta usando la calibrazione su uno spazio standard, quindi dire di nuovo valori CMYK senza dire spazio non ha senso. Ma se si desidera fare lo stesso con una stampante per ufficio, anche questa deve essere calibrata, suggerisco almeno 3 volte per la durata della cartuccia del toner.

Cattura 13

La corrispondenza dei colori affronta molti problemi, ma la domanda centrale è cosa fare con i colori che non possono essere riprodotti. Guarda che potrebbe essere che il tuo colore superi i colori che la tua stampante CMYK può produrre. La dimensione di ogni spazio è chiamata gamut e superare una gamma è facile poiché lo spazio sRGB è molto più grande degli spazi CMYK standard SWOP, FOGRA, GRACol ecc ...

Questo è il motivo per cui la maggior parte dei designer progetta al contrario. Scelgono un colore, di solito non in CMYK ma in Pantone e procedono all'indietro da lì. Ancora una volta Pantone è più grande di CMYK ma fornisce buoni punti di partenza per le conversioni e ha chip di colore che riflettono accuratamente i valori disponibili. Soprattutto perché questo è più facile che provare a fare il percorso tecnologico, il che è a dir poco esigente.

Quindi sì, può essere fatto, ma richiede un sacco di lavoro.

* Questo è ciò che Photoshop fa per te, ti è stato detto che lo spazio con cui lavori è X e il monitor è Y e quindi i numeri cambiano per corrispondere.


Si noti inoltre che Adobe suggerisce il colore sicuro più vicino al colore corrente quando si seleziona uno dei colori dalla tavolozza. Un distingue i colori sicuri per la stampa e sicuri per la visualizzazione. Penso che qui sia sicuro che non sia così rischioso.
Crowley,

5
Questa è una buona risposta, +1. Potresti anche menzionare brevemente che il colore percepito da un osservatore umano varierà in modo significativo in base a molteplici fattori, tra cui l'illuminazione (ad esempio ombre / ombreggiature, ecc.) E i colori che si avvicinano a ciò che viene osservato (incluso il documento su quale è stampato, che può anche sanguinare attraverso una stampa). Esistono molte illusioni ottiche che dimostrano chiaramente che lo stesso colore verrà percepito in modo diverso a seconda dei colori / immagine circostanti.
Makyen

8

La corrispondenza dei colori tra schermo e stampa è un'attività complessa e talvolta impossibile. A causa della natura della luce (schermi, RGB) rispetto all'inchiostro (CMYK, Pantone, ecc.) E del fatto che praticamente ogni monitor visualizzerà il colore in modo leggermente diverso e la stampa apparirà diversa a seconda delle luci. Questo tipo di gestione del colore è un lavoro in sé.

Tuttavia, in questo caso potresti essere fortunato. Il colore in questione è un rosso pulito e brillante, quindi le tue scelte sono abbastanza limitate. Se stai stampando CMYK, è molto probabile che l'opzione migliore sia 100% magenta, 100% giallo. È rosso quanto più si può ottenere dagli inchiostri di processo e ha il vantaggio di essere relativamente stabile perché si stanno stampando solidi. Se hai la possibilità di utilizzare un colore Pantone Spot, suggerirei Pantone 485. Ancora una volta, un bel rosso brillante che è un sacco di scelta del designer per il rosso.

Questo è ovviamente tutto soggettivo e se al tuo cliente non piace nessuna delle opzioni di cui sopra, allora il miglior modo di agire è consegnargli un libro di campioni Pantone e fargli scegliere un rosso che ritenga corrisponda. Alla fine, il colore sullo schermo non sarà mai una corrispondenza perfetta con l'inchiostro sulla carta, ma trovare un colore soggettivamente 'lo stesso' non dovrebbe essere difficile e una delle opzioni che ho suggerito sopra dovrebbe fare il lavoro.



4

Il tuo problema è che RGB e CYMK non hanno la stessa gamma o gamma. Ci sono colori che RGB può produrre, che CMYK non può fisicamente.

Sfortunatamente devi tornare dal tuo cliente e spiegarlo, cosa che avresti dovuto fare in primo luogo quando il cliente ha scelto quel colore. È possibile che si ottenga un colore spot che è vicino (non ho un libro Pantone o Trumatch da controllare), ma se non esiste un unico colore spot (inchiostro premiscelato) che funzioni o CMYK non può produrlo valore, quindi il tuo cliente dovrà scendere a compromessi in qualche modo.

Fare una ricerca su questo sito attraverso le rgbe cmyktag e si otterrà ulteriori informazioni sulle due gamme di colore e come indirizzo di traduzione tra di loro.


2

Non c'è modo di far apparire i colori esattamente uguali sulla stampa e sullo schermo. Tranne il caso, lo schermo è dipinto con il colore appropriato.

  • Due schermate diverse mostreranno le stesse coordinate RGB in modo diverso. Per dimostrarlo, puoi collegare lo schermo CRT e LED al computer e clonare lo schermo.
  • Un colore fotografato verrà rappresentato in modo diverso usando gli spazi colore Adobe-RGB, s-RGB, LAB e CMYK.
  • Un colore fotografato con diverse fotocamere verrà rappresentato in modo diverso. I chip CMOS di produttori diversi hanno maschere e sensibilità di filtro leggermente diverse.
  • Gli stessi colori CMYK (l'unico spazio colore per la stampa) verranno stampati in modo diverso su stampanti di tipo diverso. Lo stesso vale per marchi diversi.
  • Diversi tipi di colore e diversi materiali di base si sbiadiscono / invecchiano in modo diverso. Stampa alcuni elementi grafici semplici, copri parte di esso e lascialo per una settimana alla luce del sole.
  • Diverse impostazioni dello schermo (luminosità, contrasto, temperatura) rovineranno anche la tua corrispondenza cromatica.

Ci sono anche alcuni punti extra che toccano leggermente l'argomento.

  • Non è possibile abbinare il colore stampato al colore effettivo (del prodotto pubblicizzato) utilizzando lo spazio colore CMYK. Tranne il caso in cui il prodotto ha il colore esatto del colore utilizzato nella stampante particullare.
  • Il modo in cui ottenere, diciamo Impreza-Blue (IB) e STi-Purple (SP), i colori sulla stampa consiste nell'utilizzare lo spazio colore ampliato di CMYK-IB-SP, dove gli inchiostri speciali IB e SP vengono utilizzati lungo gli inchiostri standard CMYK . Questi inchiostri speciali vengono miscelati su misura per la corrispondenza esatta. Il colore Impreza-Blue è la vernice metallizzata tipica della Subaru Impreza e STi-purple è il colore del logo STi sulla vettura.

tl; dr
Per dimostrare il fatto che è impossibile creare un quadrato con il colore # FF0000.

Stampa questo quadrato usando la stampante a inchiostro e la stampante laser. Utilizzare carte diverse, sia scure che lucide; bianco, "naturale", ombreggiato.

Mostra ai tuoi clienti il ​​quadrato rosso stampato sui documenti, sul loro schermo (LCD), sul tuo schermo LCD, sul loro smartphone, tablet, smartphone, tablet, qualunque cosa tu possa immaginare utile.

È possibile aumentare il payload degli argomenti utilizzando diverse impostazioni della stampante (qualità fotografica, standard, bozza), diverse marche di stampanti (HP, Canon, Epson, Brother, UTAX, ...).


Se è normale che ti venga chiesto di ottenere questa corrispondenza cromatica, crea una tavolozza di colori di colori tipici e disegnala quando necessario. In combinazione con lo schermo dei client e gli smartphone, farà argomentazioni a prova di inferno. In caso contrario, eseguire; correre il più velocemente possibile.


Questo semplicemente perché il rosso è molto probabilmente fuori gamma. Ma quando sei nella gamma è certamente possibile avvicinarti molto. Il problema è che la stampa è molto più sensibile alle condizioni di luce rispetto agli schermi, quindi per valutare la stampa è necessario farlo in condizioni di visualizzazione standard.
joojaa,

@joojaa Ottimo punto. Usalo a tuo vantaggio. Penso che anche se sei nella gamma, le differenze saranno ancora presenti. Soprattutto se si utilizza una stampante a inchiostro a bassa risoluzione e colori brillanti.
Crowley,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.