Palette di colori per grafici accessibili: guida completa

Una palette colori per grafici efficace risponde a due criteri simultanei: comunica il messaggio giusto e rimane leggibile per tutti. Non si tratta di scegliere i colori più belli o quelli del brand, ma di capire quali relazioni cromatiche funzionano percettivamente, quali coppie generano ambiguità per chi ha una visione non standard e come usare il colore con parsimonia per guidare l’attenzione invece di disperderla.

In questa guida trovi il metodo completo: le basi percettive che giustificano ogni scelta, le coppie da evitare e quelle affidabili, il sistema del Color Universal Design come riferimento pratico, e le regole d’uso che trasformano una palette corretta in un grafico davvero efficace. Il punto di partenza è sempre lo stesso: progettare per chi vede i colori in modo diverso non è un’eccezione, è la norma a cui tendere.

Perché il colore nei grafici è un problema di comunicazione, non di stile

Il colore è lo strumento più potente e più abusato nella visualizzazione dei dati. Potente perché l’occhio umano lo elabora prima di qualsiasi altra variabile visiva — prima della forma, prima della posizione, prima del testo. Abusato perché viene usato per decorare invece che per comunicare, moltiplicato senza criterio, scelto per abitudine o per coerenza con il brand senza chiedersi cosa fa al messaggio.

Nella pratica, un grafico con sei serie di colori diversi non è un grafico più ricco: è un grafico che obbliga il lettore a fare un lavoro cognitivo aggiuntivo per decodificare la legenda, associare ogni colore alla serie corrispondente e poi tornare al grafico. Ogni passaggio in più è un’opportunità persa di comunicare con immediatezza.

Il colore come variabile preattentiva

La percezione visiva distingue due fasi: quella preattentiva, che avviene in meno di 250 millisecondi senza sforzo cosciente, e quella attentiva, che richiede concentrazione deliberata. Il colore opera nella fase preattentiva — l’occhio lo cattura prima che il cervello decida di guardare. Questo è un vantaggio enorme se usato bene: un elemento colorato in un campo grigio attira l’attenzione istantaneamente, senza bisogno di frecce o etichette.

Ma se tutti gli elementi del grafico sono colorati, nessuno emerge. Il meccanismo preattentivo smette di funzionare perché non c’è contrasto su cui agire. Il risultato è un grafico in cui il lettore deve lavorare attivamente per trovare ciò che conta — esattamente il contrario di quello che vogliamo.

Il takeaway operativo è semplice: usa il colore per segnalare, non per classificare. Più elementi colori, meno il colore segnala.

Daltonismo: progettare a monte, non come eccezione

Il daltonismo — più correttamente, la deficienza nella visione dei colori — riguarda circa l’8-10% degli uomini e circa l’1% delle donne. La forma più comune è la deuteranopia e la protanopia, che rendono difficile distinguere il rosso dal verde. Esistono poi forme che confondono il blu con il viola o il verde con il marrone-arancio.

Questi numeri hanno una conseguenza pratica immediata: in qualsiasi presentazione a un gruppo di dieci persone, è probabile che almeno una abbia qualche difficoltà con certe coppie cromatiche. Non si tratta di un caso limite da gestire con una versione alternativa del grafico: si tratta di una condizione sufficientemente diffusa da rendere necessario progettare accessibile fin dall’inizio.

L’approccio corretto non è “faccio il grafico normale e poi aggiungo una versione per daltonici”. È: costruisco la palette come se nel mio pubblico ci fosse sempre qualcuno con una visione non standard. Questo non impoverisce il grafico — anzi, tende a renderlo più chiaro per tutti, perché forza a usare il colore in modo più preciso.

Quali coppie di colori evitare in un grafico

La scelta delle coppie cromatiche è il punto più concreto della progettazione accessibile. Alcune combinazioni sono problematiche per chi ha una deficienza nella visione dei colori; altre lo sono anche per chi vede normalmente, perché generano vibrazioni ottiche o contrasti insufficienti.

Le coppie da evitare

Rosso e verde è la coppia più nota e più usata nei grafici aziendali — semafori, indicatori di performance, mappe di calore. Per chi ha protanopia o deuteranopia, rosso e verde a luminosità simile diventano indistinguibili. Non “difficili da distinguere”: proprio identici. Un grafico a barre con serie rossa e serie verde, o una mappa di calore che va dal rosso al verde, è illeggibile per una parte non trascurabile del pubblico.

Blu e viola sono una seconda coppia critica. Il viola è percepito come una variante del blu da chi ha tritanopia, ma anche da molte persone con visione standard in condizioni di luce scarsa o su schermi non calibrati. Usare blu e viola per due serie distinte è un rischio anche in assenza di daltonismo.

Verde e marrone-arancio si confondono nelle forme di daltonismo che coinvolgono il canale rosso-verde. È una coppia meno intuitiva da evitare, ma ricorrente nelle palette “naturali” o nelle visualizzazioni geografiche.

Blu e verde diventano difficili da distinguere in molte condizioni: schermi con temperature del colore diverse, stampa, proiezione in aula. Non è una coppia critica come rosso/verde, ma è abbastanza rischiosa da evitare quando si vuole massimizzare la leggibilità.

Grigio e rosa, blu e grigio, giallo e verde sono coppie che creano problemi di contrasto insufficiente, indipendentemente dal daltonismo. Il grigio e il rosa, in particolare, si avvicinano percettivamente quando la saturazione del rosa è bassa — un errore frequente nelle palette “soft” o “pastello” molto di moda nelle dashboard.

Le coppie affidabili

Blu e giallo è la coppia più solida in assoluto per i grafici accessibili. Blu e giallo appartengono a canali cromatici diversi — il canale blu-giallo è separato dal canale rosso-verde che è il più colpito dal daltonismo — e offrono un contrasto di luminosità naturalmente elevato. Funziona su quasi tutti gli schermi, in stampa e in proiezione.

Blu e arancio condivide le stesse proprietà: canali separati, buon contrasto, leggibilità alta. È una delle combinazioni più usate nelle palette professionali proprio perché è robusta in condizioni diverse.

Viola e verde funziona bene perché il viola non è confuso col verde nelle forme più comuni di daltonismo. È una coppia meno immediata esteticamente, ma affidabile.

Viola e giallo offre un contrasto di luminosità molto marcato ed è facilmente distinguibile anche in stampa in bianco e nero — un test utile per verificare che il grafico regga anche senza colore.

Azzurro e rosso è una coppia che funziona quando il rosso è usato con saturazione alta e il blu è chiaramente azzurro (non navy). La distinzione di luminosità aiuta la leggibilità.

Nero più un colore saturo — nero o quasi-nero con un colore ad alta saturazione — è una delle combinazioni più leggibili in assoluto. Il nero funge da ancoraggio neutro e il colore saturo emerge senza ambiguità.

Il takeaway operativo: prima di fissare la palette, verifica ogni coppia cromatica con un simulatore di daltonismo. Esistono strumenti online gratuiti che mostrano come appare un’immagine con diverse forme di deficienza visiva — usarli è una verifica di cinque minuti che può evitare un grafico inaccessibile.

Il Color Universal Design: una palette di riferimento pratica

Il Color Universal Design (CUD) è un sistema di otto colori sviluppato per essere distinguibile dalla grande maggioranza delle persone, incluse quelle con le forme più comuni di daltonismo. Non è l’unica palette accessibile possibile, ma è un riferimento solido e documentato da cui partire.

I colori del CUD sono stati selezionati per massimizzare la distinguibilità in diverse condizioni di visione. La logica non è “questi otto colori sono i più belli” ma “queste otto tinte, a queste saturazioni e luminosità, rimangono distinguibili per il maggior numero possibile di persone”. È un punto di partenza, non un vincolo assoluto: nella pratica, raramente si usano tutti e otto in un unico grafico — anzi, come vedremo, usarne più di tre è già un segnale di allarme.

Come usare il CUD senza applicarlo meccanicamente

Il CUD va usato come riferimento, non come lista della spesa. Prendere i primi tre colori della palette e applicarli al grafico senza ragionare sul messaggio è un errore quanto scegliere i colori a caso. La palette accessibile risolve il problema della distinguibilità, ma non quello della gerarchia visiva.

Per costruire una gerarchia, devi decidere quale serie o quale elemento è quello su cui vuoi che l’occhio si fermi. Quel elemento prende il colore più saturo o più contrastante rispetto allo sfondo. Gli altri elementi — quelli che fanno da contesto — si declinano in tinte più neutre, spesso grigi. Non è detto che tutti i colori della palette debbano essere ugualmente presenti nel grafico.

Un secondo criterio è la coerenza semantica. Se in un grafico il blu rappresenta il 2024 e in un altro rappresenta il segmento “retail”, il lettore costruisce aspettative sbagliate. Quando costruisci un sistema di report o una dashboard, la palette non è solo una scelta estetica per ogni singolo grafico: è un vocabolario visivo che deve essere coerente nel tempo.

Bianco puro e nero puro: perché evitarli e cosa usare al loro posto

Un aspetto meno discusso ma rilevante riguarda gli estremi della scala cromatica. Il bianco puro (#FFFFFF) e il nero puro (#000000) creano un contrasto massimo che, in alcune condizioni, può causare problemi a persone con fotosensibilità o affaticamento visivo — specialmente su schermi luminosi in ambienti bui.

La soluzione pratica è semplice: sostituire il bianco puro con un bianco sporco o un grigio molto chiaro (nell’intorno di #F5F5F5 o #FAFAFA) e il nero puro con un grigio molto scuro (nell’intorno di #1A1A1A o #222222). Il contrasto rimane alto — abbondantemente sopra le soglie di accessibilità WCAG — ma il “lampeggio” percettivo si riduce.

Questo vale per gli sfondi delle dashboard, per il testo delle etichette e per le linee di griglia. Non è una regola assoluta: in alcuni contesti il nero puro è necessario (stampa, certi formati di export). Ma per i grafici destinati a schermo, lavorare con quasi-bianchi e quasi-neri è una buona abitudine.

Il contrasto di luminosità come strumento primario

Quando il colore è “blindato” — cioè quando non puoi cambiarlo perché è un colore di brand, una convenzione semaforica (rosso = negativo, verde = positivo) o una metafora di calore — la leva su cui lavorare è la luminosità.

Il motivo è percettivo: due colori a luminosità identica diventano indistinguibili in bianco e nero, e si avvicinano molto per chi ha una deficienza cromatica. Se devi usare rosso e verde perché la convenzione semaforica lo impone, assicurati che abbiano luminosità diverse — un rosso scuro e un verde chiaro, o viceversa. La distinzione non si baserà più solo sul colore ma anche sulla luminosità, che è percepita correttamente da tutti.

Questo principio è più generale: in qualsiasi palette, lavorare sulla variazione di luminosità all’interno di ogni tinta ti dà uno strumento aggiuntivo per creare gerarchia e distinguibilità senza moltiplicare i colori.

Il takeaway operativo: verifica sempre la tua palette in scala di grigi. Se due elementi diventano identici in grigio, sono a rischio — aggiungi una differenza di luminosità o cambia uno dei due colori.

Come si usa il colore in un grafico: le regole d’uso che fanno la differenza

Avere una palette accessibile è necessario ma non sufficiente. Il colore funziona solo se applicato secondo alcune regole d’uso che riguardano la quantità, la distribuzione e la gerarchia. Queste regole non sono dogmi: sono principi che derivano da come funziona la percezione visiva e che vanno adattati al contesto specifico.

La regola delle due serie: perché tre è già un campanello d’allarme

La regola pratica più utile è questa: un grafico con più di due serie di colori distinti inizia a diventare difficile da leggere. Tre serie sono un campanello d’allarme — non un divieto assoluto, ma un segnale che vale la pena chiedersi se il grafico sta cercando di dire troppe cose contemporaneamente.

Quando un grafico ha cinque serie colorate, il lettore deve: leggere la legenda, memorizzare l’associazione colore-serie, tornare al grafico, trovare ogni serie, confrontarle. È un processo lento e faticoso. Spesso la soluzione non è una palette migliore ma un grafico diverso — o più grafici, ognuno focalizzato su un confronto preciso.

Questo non significa che i grafici con più serie siano sempre sbagliati. Significa che ogni serie aggiuntiva ha un costo cognitivo reale, e quel costo va giustificato dal valore informativo che aggiunge.

Il metodo dello “sgrigire”: 90% grigio, colore col contagocce

Una delle tecniche più efficaci per usare il colore in modo strategico è quella che potremmo chiamare “sgrigire”: costruire il grafico quasi interamente in grigio e reinserire il colore con il contagocce, solo sugli elementi che portano il messaggio principale.

Il principio funziona così. Immagina un grafico a linee con dodici serie storiche mensili. Se colori tutte le linee, ottieni un arcobaleno che non dice nulla. Se invece porti tutte le linee a un grigio neutro e colori solo quella del mese corrente o quella dell’anomalia che vuoi segnalare, l’occhio va direttamente lì — senza legenda, senza frecce, senza testo aggiuntivo.

La proporzione indicativa è circa il 90% del grafico in grigio (o in tinte neutre) e il colore concentrato sul 10% che conta. Non è una formula matematica rigida: è un orientamento che aiuta a resistere alla tentazione di colorare tutto.

Questo approccio ha un effetto secondario positivo: rende il grafico molto più robusto rispetto al daltonismo e alle condizioni di visualizzazione variabili. Se il messaggio è veicolato da un singolo elemento colorato su sfondo grigio, quasi qualsiasi colore funziona — perché il contrasto con il grigio è sufficiente a renderlo visibile.

Tinta, saturazione, luminosità: tre leve da usare insieme

Il colore non è una scelta binaria (questo colore o quell’altro): è uno spazio tridimensionale definito da tinta, saturazione e luminosità. Molti grafici usano solo la tinta — cambiano il colore di base — e ignorano le altre due dimensioni. È un’opportunità mancata.

La tinta è il colore di base: blu, rosso, verde. È la dimensione più ovvia e quella che crea le distinzioni principali tra serie diverse.

La saturazione è l’intensità del colore: un blu molto saturo è vivido, un blu desaturato tende al grigio. La saturazione si usa per creare gerarchia: l’elemento principale ha alta saturazione, gli elementi di contesto hanno saturazione ridotta. Questo permette di usare la stessa tinta per più livelli di importanza senza aggiungere nuovi colori.

La luminosità è la chiarezza del colore: un blu chiaro vs. un blu scuro. La luminosità è la dimensione più percettivamente robusta — è l’unica che sopravvive alla conversione in bianco e nero e che è percepita correttamente anche da chi ha una deficienza cromatica. Usare variazioni di luminosità all’interno di una stessa tinta permette di creare sequenze ordinali (dal più chiaro al più scuro = dal meno al più) che funzionano per tutti.

Lavorare su tutte e tre le dimensioni insieme — invece di limitarsi a cambiare tinta — dà molto più controllo sulla gerarchia visiva e riduce il numero di colori necessari.

Quando il colore è vincolato: brand, semafori e metafore di calore

Non sempre si parte da una lavagna bianca. In molti contesti professionali il colore è parzialmente o totalmente vincolato: colori di brand imposti dal manuale d’identità visiva, convenzioni semaforiche (rosso/giallo/verde per gli indicatori di performance), mappe di calore che per convenzione vanno dal freddo al caldo.

In questi casi il problema non è scegliere la palette ma lavorare dentro i vincoli in modo da minimizzare i problemi di accessibilità.

Colori di brand

Quando i colori di brand sono accessibili di per sé — ad esempio un blu primario e un arancio secondario — il lavoro è semplice: si costruisce la palette attorno a quelle tinte, usando saturazione e luminosità per creare varianti. Quando i colori di brand creano coppie problematiche — ad esempio un verde e un rosso come colori primari dell’identità — il margine di manovra si riduce, ma non si azzera.

In questo caso, le opzioni sono: usare i colori di brand solo per gli elementi non dati (sfondi, bordi, titoli) e scegliere una palette accessibile per le serie dei grafici; oppure lavorare sulla luminosità per rendere le coppie problematiche distinguibili anche senza distinzione cromatica.

Convenzioni semaforiche

La convenzione rosso/giallo/verde per gli indicatori di performance è così radicata che cambiarla crea confusione. In questo caso, la soluzione non è eliminare il rosso e il verde ma assicurarsi che non siano l’unico segnale. Aggiungi etichette testuali (“▲ +12%”, “▼ -8%”), usa forme diverse (triangolo su, triangolo giù) o varia la luminosità in modo che rosso e verde siano distinguibili anche senza percezione cromatica.

Il principio generale è la ridondanza del segnale: non affidarsi mai al solo colore per veicolare un’informazione critica. Il colore accelera la comprensione, ma non deve essere l’unico canale.

Mappe di calore e scale sequenziali

Le mappe di calore che vanno dal freddo (blu) al caldo (rosso) sono problematiche per chi ha deficienze cromatiche nel canale rosso-verde. Un’alternativa accessibile è usare scale monocromatiche — da chiaro a scuro all’interno di una sola tinta — o scale divergenti che usano coppie affidabili come blu/arancio o viola/giallo. Le scale monocromatiche hanno il vantaggio aggiuntivo di essere immediatamente ordinate: più scuro = più intenso, senza bisogno di decodificare una legenda cromatica.

Il takeaway operativo: quando il colore è vincolato, lavora sulla luminosità e aggiungi un secondo canale di segnalazione (forma, etichetta, posizione). Il colore da solo non è mai sufficiente per veicolare un’informazione critica.

Come verificare la tua palette prima di pubblicare

Costruire una palette accessibile è un processo iterativo, non una scelta una-tantum. Prima di finalizzare un grafico o una dashboard, vale la pena fare alcune verifiche sistematiche.

La prima è la simulazione del daltonismo: esistono strumenti online che mostrano come appare un’immagine con deuteranopia, protanopia e tritanopia. Caricare uno screenshot del grafico e verificare che le serie rimangano distinguibili è una verifica rapida e molto utile.

La seconda è la conversione in scala di grigi: esporta il grafico in bianco e nero. Se gli elementi che devono essere distinti lo sono ancora — per differenza di luminosità o di forma — la palette regge. Se due serie diventano identiche in grigio, c’è un problema da correggere.

La terza è il test della distanza: allontanati dallo schermo o riduci il grafico al 50%. Gli elementi chiave rimangono leggibili? Il messaggio principale emerge ancora? Se no, il problema potrebbe essere di saturazione (colori troppo simili) o di dimensione degli elementi.

La quarta è la lettura senza legenda: puoi capire il messaggio del grafico senza guardare la legenda? Se sì, il colore sta facendo il suo lavoro. Se no, probabilmente stai usando troppi colori o stai chiedendo al lettore un lavoro di decodifica che il grafico dovrebbe fare al suo posto.

Verifica	Cosa controlla	Come farla
Simulazione daltonismo	Distinguibilità per visione non standard	Strumento online, screenshot del grafico
Scala di grigi	Differenze di luminosità	Export in bianco e nero
Test della distanza	Leggibilità a bassa risoluzione	Zoom out al 50% o distanza fisica
Lettura senza legenda	Autosufficienza del grafico	Nascondi la legenda e verifica

Queste verifiche non garantiscono un grafico perfetto, ma riducono significativamente il rischio di pubblicare qualcosa che non funziona per una parte del pubblico.

Domande frequenti

Quali sono le coppie di colori da evitare assolutamente nei grafici?

Le coppie più problematiche sono rosso/verde, blu/viola, verde/marrone-arancio, blu/verde, grigio/rosa, blu/grigio e giallo/verde. Rosso e verde sono le più critiche perché sono indistinguibili per chi ha le forme più comuni di daltonismo. Evitarle non significa rinunciare a quei colori, ma non usarli insieme per distinguere serie diverse nello stesso grafico.

Cos’è il Color Universal Design e come si usa in pratica?

Il Color Universal Design (CUD) è un sistema di otto colori selezionati per essere distinguibili dalla grande maggioranza delle persone, incluse quelle con le forme più comuni di daltonismo. In pratica si usa come punto di partenza per costruire la palette, scegliendo due o tre colori dal set e declinandoli in varianti di luminosità e saturazione per creare gerarchia visiva senza aggiungere nuove tinte.

Perché non si dovrebbe usare il bianco puro #FFFFFF nei grafici?

Il bianco puro e il nero puro creano un contrasto massimo che può causare affaticamento visivo e problemi a persone con fotosensibilità, specialmente su schermi luminosi in ambienti bui. La soluzione è usare un bianco sporco (intorno a #F5F5F5) e un quasi-nero (intorno a #1A1A1A): il contrasto rimane alto e la leggibilità migliora per chi è sensibile agli estremi cromatici.

Quanti colori si possono usare in un grafico senza perdere leggibilità?

La soglia pratica è due serie di colori distinti. Tre è già un campanello d’allarme: non un divieto, ma un segnale che vale la pena chiedersi se il grafico sta cercando di comunicare troppe cose contemporaneamente. Oltre tre serie colorate, il costo cognitivo per il lettore cresce rapidamente e spesso la soluzione migliore è dividere il grafico in più visualizzazioni più semplici.

Come si gestisce il colore quando è imposto dal brand o da convenzioni semaforiche?

Quando il colore è vincolato, si lavora sulla luminosità per rendere distinguibili coppie problematiche come rosso/verde, e si aggiunge un secondo canale di segnalazione: etichette testuali, forme diverse, posizione. Il principio è la ridondanza del segnale: il colore accelera la comprensione ma non deve essere l’unico modo per veicolare un’informazione critica.

Cos’è la tecnica dello “sgrigire” e quando si applica?

Sgrigire significa costruire il grafico quasi interamente in grigio neutro e reinserire il colore solo sugli elementi che portano il messaggio principale — circa il 10% del grafico. Funziona perché il contrasto tra un elemento colorato e un campo grigio attiva la percezione preattentiva: l’occhio va direttamente sull’elemento rilevante senza bisogno di leggere la legenda. Si applica ogni volta che si vuole guidare l’attenzione su un dato specifico.

Come si verifica che una palette colori sia accessibile prima di pubblicare?

Le verifiche principali sono quattro: simulare il daltonismo con uno strumento online, esportare il grafico in scala di grigi per controllare le differenze di luminosità, ridurre lo zoom al 50% per testare la leggibilità a distanza, e nascondere la legenda per verificare che il messaggio emerga autonomamente. Se il grafico supera tutti e quattro i test, la palette è ragionevolmente robusta.

Costruire una palette colori per grafici è un atto di design responsabile

Il colore nei grafici non è un dettaglio finale: è una decisione che determina chi riesce a leggere il tuo messaggio e chi no. Una palette colori per grafici ben costruita non sacrifica l’efficacia comunicativa in nome dell’accessibilità — al contrario, le due cose si rinforzano. Usare il colore con parsimonia, scegliere coppie cromatiche robuste e lavorare sulla luminosità come leva primaria produce grafici più chiari, più leggibili e più persuasivi per tutti.

Se vuoi approfondire questi principi nel contesto di un metodo completo per la visualizzazione dei dati — dalla scelta del grafico alla costruzione di dashboard che guidano le decisioni — la Data Visualization Design Masterclass è il percorso formativo che copre questi temi in modo sistematico e applicato.