SciFig
Guide·

Palette Okabe-Ito: guida ai codici esadecimali

Gli otto codici esadecimali Okabe-Ito con valori RGB, ordine consigliato e snippet pronti da usare in R, Python e CSS per figure scientifiche.

SciFig Team
SciFig Team
Scientific Illustration Experts
La ricerca okabe ito palette indica questa tavolozza di otto colori, con valori verificabili e pronti da copiare.

La palette Okabe-Ito riunisce otto codici esadecimali adatti a figure scientifiche accessibili anche a chi ha deficit della visione dei colori.

Circa un uomo su dodici e una donna su duecento presenta una forma di deficit della visione dei colori. Se una figura distingue le informazioni soltanto attraverso rosso e verde, una parte rilevante di chi la legge — revisori compresi — vedrà qualcosa di diverso da ciò che avevi progettato. Qui trovi tutti i codici esadecimali e i valori RGB, insieme a esempi da incollare direttamente in R, Python o CSS.

Gli otto colori della palette Okabe-Ito mostrati come campioni etichettati con il codice esadecimale sotto ciascun blocco (tavola colori Okabe-Ito creata con SciFig)
Gli otto colori della palette Okabe-Ito mostrati come campioni etichettati con il codice esadecimale sotto ciascun blocco (tavola colori Okabe-Ito creata con SciFig)

Palette Okabe-Ito: tutti gli otto codici esadecimali

La palette Okabe-Ito comprende otto colori selezionati per rimanere distinguibili in caso di protanopia, deuteranopia e tritanopia. Masataka Okabe e Kei Ito la pubblicarono nell’ambito del loro lavoro sul Color Universal Design. Bang Wong la rese popolare nelle scienze della vita con una rubrica del 2011 su Nature Methods: per questo lo stesso insieme viene chiamato anche palette Wong.
ColoreHexRGB
Arancione#E69F00230, 159, 0
Azzurro cielo#56B4E986, 180, 233
Verde bluastro#009E730, 158, 115
Giallo#F0E442240, 228, 66
Blu#0072B20, 114, 178
Vermiglio#D55E00213, 94, 0
Viola rossastro#CC79A7204, 121, 167
Nero#0000000, 0, 0
Il giallo corretto è #F0E442, una tonalità morbida e leggermente desaturata. Vale la pena precisarlo perché online circolano molti valori errati. Il giallo puro (#FFFF00) non appartiene alla palette Okabe-Ito e almeno un noto pacchetto R propone, come opzione, una variante “ambra” (#F5C710) che sostituisce l’originale. Copiando i valori da un articolo anziché da un’implementazione di riferimento, si rischia quindi di ottenere una palette diversa da quella pubblicata.

Vedi il miglioramento figure in azione

Ingrandisci, ridipingi, ricolora o rietichetta qualsiasi figura scientifica esistente a qualità 8K pronta per le riviste.

Esplora lo strumento

Perché questi otto colori funzionano

Un deficit della visione dei colori non significa “vedere in scala di grigi”. Le forme più comuni comprimono un asse specifico dello spazio cromatico: le tonalità che differiscono soprattutto lungo l’asse rosso-verde diventano più simili, mentre restano percepibili le differenze di luminosità e quelle lungo l’asse blu-giallo.

L’insieme Okabe-Ito sfrutta proprio questo principio. I colori vicini differiscono non solo per tonalità, ma anche per luminosità. Così, anche se due tinte appaiono più simili a una determinata persona, la diversa brillantezza consente ancora di separarle. È anche il motivo per cui la palette include il nero: definisce un estremo della gamma di luminosità e offre una categoria di riferimento affidabile.
Simulazione affiancata di un grafico a barre con palette Okabe-Ito in visione normale, protanopia, deuteranopia e tritanopia (simulazione della visione cromatica creata con SciFig)
Simulazione affiancata di un grafico a barre con palette Okabe-Ito in visione normale, protanopia, deuteranopia e tritanopia (simulazione della visione cromatica creata con SciFig)

Ordine consigliato

Se ti servono meno di otto colori, non prendere semplicemente i primi N della tabella. Segui questo ordine, che mantiene la massima separazione quando le categorie sono poche:

  1. #0072B2 blu
  2. #E69F00 arancione
  3. #009E73 verde bluastro
  4. #CC79A7 viola rossastro
  5. #56B4E9 azzurro cielo
  6. #D55E00 vermiglio
  7. #F0E442 giallo
  8. #000000 nero

Blu e arancione occupano volutamente i primi posti: tra tutte le coppie della palette, offrono il contrasto più robusto nei diversi tipi di deficit cromatico.

Codice pronto da copiare

R

okabe_ito <- c(
  "#E69F00", "#56B4E9", "#009E73", "#F0E442",
  "#0072B2", "#D55E00", "#CC79A7", "#000000"
)
# ggplot2
scale_colour_manual(values = okabe_ito)
Da R 4.0 in poi, Base R include anche palette.colors(palette = "Okabe-Ito"), quindi potrebbe non essere necessario inserire i valori direttamente nel codice.

Python

OKABE_ITO = [
    "#E69F00", "#56B4E9", "#009E73", "#F0E442",
    "#0072B2", "#D55E00", "#CC79A7", "#000000",
]
import matplotlib as mpl
mpl.rcParams["axes.prop_cycle"] = mpl.cycler(color=OKABE_ITO)

CSS

:root {
  --oi-orange:         #E69F00;
  --oi-sky-blue:       #56B4E9;
  --oi-bluish-green:   #009E73;
  --oi-yellow:         #F0E442;
  --oi-blue:           #0072B2;
  --oi-vermilion:      #D55E00;
  --oi-reddish-purple: #CC79A7;
  --oi-black:          #000000;
}

I limiti della palette

Okabe-Ito è una palette qualitativa, progettata per categorie prive di ordine, come gruppi di trattamento, specie o condizioni sperimentali. Non è lo strumento giusto per tre casi comuni:
  • Dati ordinati o continui. Usa una scala sequenziale percettivamente uniforme. Viridis è la scelta più comune.
  • Dati divergenti intorno a un punto centrale. Usa una scala divergente con un centro neutro, come RdBu di ColorBrewer.
  • Più di otto categorie. Se te ne servono di più, di solito è meglio ristrutturare la figura con pannelli, raggruppamenti o etichette dirette, invece di aggiungere un nono colore.
Per scegliere il tipo di palette più adatto ai dati, la nostra guida alla scelta dei colori per le figure scientifiche confronta scale sequenziali, divergenti e qualitative con esempi pratici.
Grafico a barre raggruppate e diagramma a dispersione con la palette Okabe-Ito ed etichette dirette al posto della legenda (figura creata con SciFig)
Grafico a barre raggruppate e diagramma a dispersione con la palette Okabe-Ito ed etichette dirette al posto della legenda (figura creata con SciFig)
La stessa figura Okabe-Ito a colori e convertita in scala di grigi, con le coppie ancora distinguibili evidenziate (figura creata con SciFig)
La stessa figura Okabe-Ito a colori e convertita in scala di grigi, con le coppie ancora distinguibili evidenziate (figura creata con SciFig)

Errori comuni

Affidarsi soltanto al colore. Anche una palette perfetta fallisce nella stampa in scala di grigi e per chi presenta monocromatismo. Abbina il colore a un secondo canale visivo: stile della linea, forma del marcatore, etichette dirette o texture.
Usare il giallo sul bianco. #F0E442 ha poco contrasto su uno sfondo bianco. Riservalo ad aree piene con contorno, non a linee sottili o marcatori piccoli.
Pensare che la palette sistemi la figura. Una figura affollata con otto serie sovrapposte rimane difficile da leggere, anche con colori scelti alla perfezione. L’accessibilità cromatica è un requisito minimo, non un sostituto di una struttura chiara.

Crea figure scientifiche ora

Descrivi la tua figura scientifica in linguaggio naturale — ottieni illustrazioni pronte per la pubblicazione in pochi minuti.

Prova gratis
Se stai creando una nuova figura, il generatore di palette per figure scientifiche applica questi vincoli durante il lavoro. Per una figura esistente, Figure Enhancer consente di adottare una palette distinguibile anche da chi ha un deficit della visione dei colori senza ricostruirla.

Suggerimento

Verifica: non dare nulla per scontato. Prima dell’invio, controlla la figura con un simulatore della visione dei colori e osservala una volta in scala di grigi. Entrambe le prove richiedono meno di un minuto e individuano la maggior parte dei problemi di accessibilità.

Letture correlate

Letture correlate: Migliori palette per figure scientifiche (2026), 5 errori comuni nelle figure scientifiche.

Domande frequenti

Continua

Risorse consigliate

Template, strumenti e letture di approfondimento per la tua ricerca

Sfondo della call to action

Pronto per iniziare?

Figure scientifiche pronte per la pubblicazione, in pochi minuti

Inizia gratuitamente

Gratis per iniziare · Nessuna carta di credito richiesta · Costruito per i ricercatori