Grafica - Il Potere dei Colori: cosa sono, come sceglierli e come abbinarli

L'esigenza di rappresentare univocamente i colori nasce molto prima del digitale. Nel 1931 viene messo a punto il modello RGB (Red, Green, Blue), mescolando in determinate proporzioni rosso, giallo e blu si possono ottenere tutti gli altri colori. 

Un altro modello è quello detto CYMK (Cyan, Magenta, Yellow, Key black), Ciano, Magenta, Giallo Nero, quello su cui si basano le cartucce delle stampanti a inchiostro.

Segnalo come ultimo (ma ne esistono altri) il modello HSB (Hue, Saturation, Brightness) ovvero Tonalità, Saturazione, Luminosità in cui un determinato colore è la risultante della mescolanza di queste tre variabili. 

Sul web, per indicare in modo univoco un colore si utilizza il codice esadecimale specifica la percentuale di rosso, giallo, blue ed ha questa forma: #RRGGBB. Il valore di rosso, giallo e blue è espresso da un numero compreso tra lo 0 (zero) ed F, quindi 10 numeri e 6 lettere, sedici elementi in tutto, da qui il nome di codice esadecimale.

Quando utilizziamo le ruote dei colori in un programma, la nostra scelta viene tradotta in valori esadecimali. Se vogliamo ottenere un colore preciso possiamo direttamente inserire il valore esadecimale corrispondente. Per esempio questo è il codice esadecimale che indica il "rosso puro": #ff0000.

Qui si può trovare una delle tante tabelle dei colori per il web che può essere utile per la scelta del colore. si possono selezionar ei vari colori rappresentati nelle tavolozze, osservare in anteprima l'effetto coplessivo e ottenere il codice esadecimale da inserire nel nostro progetto: Danny Design, Tabella Colori Web.

Colore e abbinamento dei colori sono tra le principali variabili che determinano la prima impressione di un oggetto multimediale. Uno strumento fondamentale per orientarsi nella scelta del colore è fare riferimento al Cerchio cromatico o Cerchio di Itten.

Nel cerchio cromatico sono rappresentati al centro i tre colori primari da cui si possono ottenere tutti gli altri (modello RGB), dalla combinazione di questi si ottengono i colori secondari (verde arancio e viola) che formano con i primi un esagono. Mescolando primari e secondari otteniamo i sei colori terziari che, insieme ai primari e ai secondari, sono presenti nel cerchio di 12 colori che chiude la figura. In questo modo possiamo rapidamente e agevolmente renderci conto delle relazioni tra i colori che sono importanti sia nel processo di scelta che in quello di combinazione di più colori.

Non esiste un sistema di criteri assoluto per scegliere il "colore giusto", esistono solo colori più o meno adatti a seconda delle esigenze e dei nostri obiettivi. La maggior parte dei grafici, specie nell'ambito del marketing, segue quella che viene chiamata Psicologia del colore, strumento fondamentale del cosiddetto neuromarketing. Il colore stimola infatti il nostro cervello che reagisce ad esso in vari modi e associa inconsciamente determinate emozioni ai diversi colori. 

L'impatto emotivo dei colori varia in funzione del vissuto delle persone e dell'ambiente culturale in cui esse vivono, tanto che si potrebbe parlare di una "tavolozza cromatica personale". Esistono tuttavia delle invarianti interpersonali e interculturali che hanno consentito di elaborare una psicologia del colore in cui ad ogni colore viene fatta corrispondere una sfumatura emotiva differente.

Suggerisco i seguenti post per avere le informazioni di base sulla Psicologia del colore:

Concludo suggerendo la consultazione di due infografiche che rappresentano sinteticamente e visualmente l'argomento:

1. Web Page FX, Psycology of color infographic, in inglese (ma molto semplice);

2. e la seguente infografica pubblicata su Alessiadesign e intitolata Psicologia del colore in un'infografica:

Se non è semplice la scelta di un singolo colore diviene estremamente problematico l'abbinamento di più colori per formare una palette o tavolozza cromatica.
Le regole standard sono le seguenti e le illustrerò più avanti riportando un'infografica di Lorenzo Miglietta intitolata Combinazioni Standard di Colori:

1. Monocromatici: variazioni su un'unica tinta di colore con variazioni di saturazione e luminosità;
2. Analoghi: colori adiacenti nel cerchio di Itten;
3. Complementari: combinazione dei colori in opposti nel cerchi cromatico;
4. Complementari divisi: anziché selezionare l'opposto di un colore dato si selezionano i colori che lo affiancano nella ruota cromatica;
5. Tre toni: si scelgono tre colori nella ruota cromatica in modo che formino un triangolo equilatero
6. Quattro toni: in questo caso 4 colori che formano un quadrato;
7. Pentagramma: un colore si e uno no della ruota dei colori

Naturalmente le combinazioni standard non sono sufficienti, occorre andare oltre. Per i non specialisti come me si tratta di un tema troppo complesso, quindi preferisco attenermi alle semplici regole indicate in questo articolo pubblicato su Graficatada Lorenzo Miglietta il 29/06/2015 con il titolo "Come scegliere una palette di colori per i tuoi progetti". Seguo da tempo il blog di Lorenzo Miglietta, ho sempre trovato articoli interessanti scritti in un linguaggio aperto anche ai non specialisti e tuttavia non banali per cui, non avendo tempo di divenire un grafico professionista, mi affido a lui fino a prova contraria. 

Le regole indicate sono 10, 5 per principianti e altre 5 per specialisti. Le riassumo brevemente.

Regole per principianti:

Concludo con l'infografica realizzata da Lorenzo Miglietta  Combinazioni Standard di Colori che ho già citato e che illustra le combinazioni standard di colori:

Chi non fosse ancora sazio può trarre profitto, mi auguro, da questa raccolta che ho realizzato su Pinterest sul tema della grafica e dell'immagine e che comprende diverse sezioni dedicate al colore, alla psicologia dei colori e alla creazione di una palette dei colori.

In un altro post cercherò di indicare alcuni strumenti e applicazioni online che facilitano le operazioni di cui ho cercato di parlare qui.

La bacheca si intitola:Grafica e Immagini, comprende 62 PIN (per ora) che comprendono articoli, infografiche, testi, etc. e che sono ordinati in 6 sezioni: Graphic Design, Immagine, Font, e più pertinenti al tema qui trattato: Palette - associare i colori, Teoria del Colore, Psicologia del Colore.