RGB vs CMYK: Perché la Differenza Fa la Differenza

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

Cosa farai con la tua conoscenza della differenza tra alligatori e coccodrilli? Metterti in mostra a una festa?

Anche quando si utilizza software di progettazione grafica, la differenza tra carattere tipografico e font è una che ha poco impatto sulla nostra comprensione del concetto generale. Al contrario, la differenza tra modalità di colore è più di una semplice curiosità, non conoscere la differenza può fare o distruggere il tuo progetto di design grafico.

Cos'è RGB?

RGB riguarda tutto il vedere la luce.

Gli schermi dei computer mostrano i colori nelle immagini, nel testo e nei disegni con diverse combinazioni di luce rossa, verde e blu. È da qui che proviene RGB. Pertanto, qualsiasi cosa progettata per uno schermo – dagli smartwatch a un maxischermo – dovrebbe essere progettata in modalità colore RGB.

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

 

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 nello spettro tra nero e bianco. Questo significa che ci sono oltre sedici milioni di colori possibili nella modalità colore RGB. Sono molte opzioni.

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

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, risultando in nero. 

Per creare il bianco, un designer dovrebbe inserire:

 
Questo è il valore più alto possibile di ciascun colore, il che significa che le luci rossa, verde e blu sono al 100% di luminosità, risultando nella massima presenza di luce: bianco. 

 

Un altro modo per 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. 

Ecco i valori RGB per alcuni colori tradizionali e popolari.

Cos'è CMYK?

Non tutto ciò che progettiamo può essere messo davanti a luci brillanti. Pertanto, i progetti 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. Poiché "B" è preso da "blu" nel modello RGB, l'ultima lettera della parola "nero" viene utilizzata invece della prima.

 

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

CMYK utilizza colori sottrattivi, non additivi. Aggiungere colori insieme in modalità CMYK ha l'effetto opposto sul risultato rispetto a RGB; più colore si aggiunge, più scuri sono i risultati. 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 si usa, meno luce c'è. Combinando ciano, magenta e giallo si creerà un marrone scuro. Non è fino a quando non si aggiunge la chiave (nero) che il colore viene completamente rimosso.

I valori CMYK sono misurati in percentuali. Ad esempio, per fare il colore bianco in CMYK, i valori dovrebbero essere inseriti nel software di progettazione come: 

Curiosamente, impostare CMY al 0% e K al 100% non crea il nero più scuro possibile.

Per creare un nero "vero", i seguenti valori dovrebbero essere inseriti:

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

Inoltre, usare troppo inchiostro incoraggia lo sbavamento, il che rende il testo molto più difficile da leggere. Quando si usa il nero, ci sono alcune versioni diverse che vengono utilizzate dai designer che non strapperanno un buco nel tuo progetto. 

• Nero Freddo: 60 . 0 . 0 . 100
• Nero Caldo: 0 . 60 . 30 . 100
• Nero Designer: 70 . 50 . 30 . 100
• Nero Ricco: 75 . 68 . 67 . 90

Ecco gli input CMYK per alcuni colori tradizionali e popolari. 

CMYK vs. RGB

Semplicemente, CMYK è la modalità colore destinata alla stampa con inchiostro, come progetti di biglietti da visita e poster. RGB è la modalità colore destinata alla comunicazione digitale, come siti web e televisione. 

Più colore si aggiunge in modalità CMYK, più scuro è il risultato. Più colore si aggiunge a RGB, più chiaro è il risultato. 

CMYK ha un intervallo numerico di 4x100; RGB ha un intervallo numerico di 3x256. Pertanto, i colori energetici che RGB può produrre sono difficili da riprodurre in CMYK.

Quando si progetta, l'errore più grande che potresti fare è dimenticare di convertire alla modalità colore appropriata per il tuo progetto. Se dimentichi di farlo, i colori potrebbero apparire sbiaditi o troppo vivaci. 

Pensieri finali

Come designer, sarebbe un vero peccato se i colori che hai scelto con cura per il tuo progetto non risultassero come intendevi. Proprio come dobbiamo fare attenzione ai font, alle dimensioni degli elementi e agli spazi nei nostri progetti, il colore è un altro aspetto su cui tenere d'occhio. Avere una migliore comprensione di come funzionano queste modalità non può far male.

Progettare può essere travolgente quando si considerano tutti gli elementi, ma non temere, non devi farlo da solo. Scopri l'arte della collaborazione creativa per dare vita ai tuoi contenuti, dall'ideazione alla pubblicazione senza intoppi.