RGB vs CMYK: perché la differenza fa la differenza

Conoscere la differenza tra due cose che sono molto simili può sembrare banale.

Cosa farai con la tua conoscenza della differenza tra alligatori e coccodrilli? Anche nel mondo del design grafico, la differenza tra carattere tipografico e font è una differenza che ha poco impatto sulla nostra comprensione del concetto generale oggi.

Al contrario, la differenza tra le modalità di colore è più di un fatto divertente, mentre non conoscere la differenza può fare o rompere il tuo progetto di design grafico.

Se non hai un sacco di tempo per leggere le piccole cose che fanno la differenza, almeno prenditi un momento per sapere quando utilizzare ciascuna modalità:

Qual è la differenza tra RGB e CMYK?

La modalità colore RGB è usata per progettare la comunicazione digitale come i siti web e la televisione. La modalità di colore CMYK è usata per la progettazione di comunicazioni stampate come biglietti da visita e poster.

rgb vs cmyk

Questa è la semplice differenza. Se sei interessato a saperne di più sul perché questa differenza è importante, continua a leggere.

Che cos’è RGB?

RGB è tutto ciò che riguarda la visione della luce.

Gli schermi dei computer mostrano il colore nelle immagini, nel testo e nei disegni con diverse combinazioni di luce rossa, verde e blu. È da qui che deriva l’RGB.

Quindi, qualsiasi cosa progettata per uno schermo – dagli smartwatch a un jumbotron – dovrebbe essere progettata in modalità colore RGB.

Gli schermi mostrano immagini con centinaia di pixel. Ognuno di questi pixel ha tre sub-pixel: una luce rossa, una verde e una blu. Questi sub-pixel si accendono con intensità diverse in base al colore che il pixel alla fine visualizza per produrre un risultato su un monitor nero.

cosa è RGB

Lo schermo su cui stai leggendo questo articolo è composto da centinaia di pixel. Questi pixel si uniscono per visualizzare le parole e le immagini che vedi.

I valori RGB sono visualizzati in un intervallo tra 0 e 255, il che significa che ci sono 256 livelli di ciascuno dei tre colori (rosso, verde e blu) che possono essere combinati insieme per creare un colore sullo spettro tra il bianco e il nero. Questo significa che ci sono oltre sedici milioni di colori possibili nella modalità di colore RGB. Sono un sacco di opzioni.

Per esempio, il valore RGB per il colore nero è:

R: 0
G: 0
B: 0

Questo significa che c’è 0% di luce rossa, 0% di luce verde e 0% di luce blu. In altre parole, c’è una completa assenza di luce, con conseguente nero.

Per creare il bianco, un designer dovrebbe inserire:

R: 255
G: 255
B: 255

Questo è il massimo valore possibile di ogni colore, il che significa che le luci rosse, verdi e blu sono luminose al 100%, ottenendo la massima presenza di luce: il bianco.

rgb bianco e nero

Un altro modo di pensare alla modalità colore RGB è riferirsi al rosso, verde e blu come colori additivi. Questo significa che RGB crea altri colori aggiungendo quantità di rosso, verde e blu insieme.

Questi sono i valori RGB per alcuni colori tradizionali e popolari.

colori RGB

Cos’è CMYK?

Non tutto ciò che progettiamo può essere messo davanti a luci brillanti. Pertanto, i disegni destinati alla stampa dovrebbero essere progettati in modalità CMYK.

Il nome CMYK deriva dai quattro colori che compongono il modello: ciano, magenta, giallo e chiave. La chiave rappresenta il colore nero. Dato che la “B” è presa dal “blu” nel modello RGB, l’ultima lettera della parola “nero” è usata al posto della prima.

cosa è CMYK

Il nero è usato in questa modalità di colore perché anche la combinazione più pura di ciano, magenta e giallo (tutti colori più chiari) non può creare un colore completamente nero.

CMYK usa colori sottrattivi, non additivi. Aggiungere colori insieme in modalità CMYK ha l’effetto opposto sul risultato come fa RGB; più colore viene aggiunto, più il risultato è scuro. Pertanto, i colori vengono tolti, o sottratti, per creare un risultato chiaro.

Questo perché i colori CMYK assorbono la luce, il che significa che più inchiostro risulta in meno luce. Combinando ciano, magenta e giallo si crea un marrone profondo. È solo quando si aggiunge la chiave (nero) che il colore viene rimosso completamente.

I valori CMYK sono misurati in percentuale. Per esempio, per rendere il colore CMYK bianco, i valori dovrebbero essere inseriti nel software di progettazione come:

C: 100%
M: 100%
Y: 100%
K: 100%
cmyk bianco e nero

È interessante notare che impostare CMY allo 0% e K al 100% non crea il nero più scuro possibile. Per creare un “vero” nero, si dovrebbero inserire i seguenti valori:

C: 75%
M: 68%
Y: 67%
K: 90%

Questo è chiamato “nero ricco” o “nero di Photoshop” ed è un nero molto più puro perché assorbe più luce. Questo colore non è usato spesso perché la quantità fisica di inchiostro che serve per produrlo può strappare la carta di qualità inferiore. È intenso.

Inoltre, usare troppo inchiostro favorisce le sbavature che rendono il testo molto più difficile da leggere. Quando si usa il nero, ci sono alcune versioni diverse che sono usate dai designer e che non bucheranno il vostro progetto.

Cool Black: 60 . 0 . 0 . 100
Nero caldo: 0 . 60 . 30 . 100
Designer Black: 70 . 50 . 30 . 100
Nero ricco: 75 . 68 . 67 . 90
alternative al nero CMYK

Questi sono gli input CMYK per alcuni colori tradizionali e popolari.

colori CMYK

Qual è la differenza tra CMYK e RGB?

In parole povere, CMYK è la modalità di colore destinata alla stampa con inchiostro, come i disegni dei biglietti da visita. RGB è la modalità di colore destinata alla visualizzazione sullo schermo.

Più colore viene aggiunto in modalità CMYK, più scuro è il risultato. Più colore viene aggiunto in RGB, più chiaro è il risultato.

CMYK ha una gamma numerica di 4×100; RGB ha una gamma numerica di 3×256. Pertanto, i colori energici che RGB può produrre sono difficili da riprodurre in CMYK.

Quando si progetta, il più grande errore che si può fare è dimenticare di convertire nella modalità colore appropriata per il progetto. Se si dimentica di farlo, i colori potrebbero apparire slavati o troppo vibranti.

Non sei sicuro di come convertire? Dai un’occhiata ad alcune di queste risorse per assicurarti di farlo nel modo giusto.

Pensieri finali

Come designer, sarebbe un vero peccato se i colori che hai scelto con cura per il tuo progetto non si rivelassero come volevi. Proprio come dobbiamo stare attenti ai font, alle dimensioni degli elementi e alla spaziatura nei nostri progetti, il colore è un altro aspetto da tenere d’occhio. Avere una migliore comprensione di come funzionano queste modalità non può far male.

Vuoi saperne di più su quanto impatto possono avere le tue scelte di colore? Leggi di più sulla psicologia del colore.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *