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
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)
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.
Colore
Hex
RGB
Arancione
#E69F00
230, 159, 0
Azzurro cielo
#56B4E9
86, 180, 233
Verde bluastro
#009E73
0, 158, 115
Giallo
#F0E442
240, 228, 66
Blu
#0072B2
0, 114, 178
Vermiglio
#D55E00
213, 94, 0
Viola rossastro
#CC79A7
204, 121, 167
Nero
#000000
0, 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.
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)
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:
#0072B2 blu
#E69F00 arancione
#009E73 verde bluastro
#CC79A7 viola rossastro
#56B4E9 azzurro cielo
#D55E00 vermiglio
#F0E442 giallo
#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.
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.
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)
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.
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à.
Gli otto codici Okabe-Ito sono #E69F00 arancione, #56B4E9 azzurro cielo, #009E73 verde bluastro, #F0E442 giallo, #0072B2 blu, #D55E00 vermiglio, #CC79A7 viola rossastro e #000000 nero. Tutti rimangono distinguibili nelle forme più comuni di deficit della visione dei colori.
Sì, sono gli stessi otto colori. Okabe e Ito pubblicarono il set nell’ambito del Color Universal Design; Bang Wong lo presentò al pubblico delle scienze della vita in una rubrica di Nature Methods del 2011. I due nomi indicano quindi gli stessi valori esadecimali.
Il giallo Okabe-Ito è #F0E442, una tonalità morbida e desaturata. Il giallo puro #FFFF00 non appartiene alla palette, mentre l’ambra #F5C710 presente in alcuni pacchetti R è una sostituzione specifica del pacchetto, non il valore pubblicato.
No. Okabe-Ito è una palette qualitativa per categorie non ordinate. Per dati continui usa una scala sequenziale percettivamente uniforme come viridis; per dati divergenti attorno a un punto centrale, scegli una scala divergente con centro neutro.
Usane il minor numero possibile e segui l’ordine consigliato, iniziando da blu e arancione. Oltre cinque o sei categorie, la maggior parte delle persone non riesce più ad associare i colori in modo affidabile. Meglio dividere la figura in pannelli o usare etichette dirette, invece di aggiungere altre tinte.
In parte. I colori differiscono per luminosità, quindi molte coppie restano distinguibili dopo la conversione, ma non tutte e otto. Se la stampa in scala di grigi è importante, codifica la stessa informazione con un secondo canale, come la forma dei marcatori o lo stile delle linee.
Continua
Risorse consigliate
Template, strumenti e letture di approfondimento per la tua ricerca