SciFig
Guides·

Palette Okabe-Ito : guide des codes hexadécimaux

Les huit codes hexadécimaux Okabe-Ito, leurs valeurs RGB, l’ordre conseillé et des exemples prêts à copier pour R, Python et CSS dans vos figures scientifiques.

SciFig Team
SciFig Team
Scientific Illustration Experts
La requête okabe ito palette désigne ce nuancier de huit couleurs, avec des valeurs vérifiables et prêtes à copier.

La palette Okabe-Ito réunit huit couleurs, avec leurs codes hexadécimaux, conçues pour rester distinctes dans les figures scientifiques, y compris pour les personnes daltoniennes.

Environ un homme sur douze et une femme sur deux cents présente une forme de déficience de la vision des couleurs. Si votre figure distingue des informations uniquement par le rouge et le vert, une part non négligeable de votre lectorat — y compris les évaluateurs — verra autre chose que ce que vous aviez prévu. Cette page rassemble tous les codes hexadécimaux et leurs valeurs RGB, ainsi que du code à coller directement dans R, Python ou CSS.

Les huit couleurs de la palette Okabe-Ito présentées sous forme d’échantillons légendés avec leur code hexadécimal (nuancier Okabe-Ito créé avec SciFig)
Les huit couleurs de la palette Okabe-Ito présentées sous forme d’échantillons légendés avec leur code hexadécimal (nuancier Okabe-Ito créé avec SciFig)

Palette Okabe-Ito : les huit codes hexadécimaux

La palette Okabe-Ito comprend huit couleurs choisies pour rester différenciables en cas de protanopie, de deutéranopie ou de tritanopie. Masataka Okabe et Kei Ito l’ont publiée dans le cadre de leurs travaux sur le Color Universal Design. Bang Wong l’a ensuite popularisée dans les sciences du vivant grâce à une chronique parue en 2011 dans Nature Methods — d’où son autre nom, la palette Wong.
CouleurHexRGB
Orange#E69F00230, 159, 0
Bleu ciel#56B4E986, 180, 233
Vert bleuté#009E730, 158, 115
Jaune#F0E442240, 228, 66
Bleu#0072B20, 114, 178
Vermillon#D55E00213, 94, 0
Pourpre rougeâtre#CC79A7204, 121, 167
Noir#0000000, 0, 0
Le jaune correct est #F0E442, une teinte douce et légèrement désaturée. Cette précision est importante, car des valeurs erronées circulent largement. Le jaune pur (#FFFF00) ne fait pas partie de la palette Okabe-Ito. Au moins un package R courant propose aussi, en option, une variante « ambre » (#F5C710) qui remplace la couleur originale. En copiant les valeurs d’un article plutôt que d’une implémentation de référence, on peut donc obtenir une palette différente de celle qui a été publiée.

Voyez l'amélioration de figures en action

Agrandissez, repeignez, recolorez ou réétiquetez toute figure scientifique existante en qualité 8K prête pour les revues.

Explorer l'outil

Pourquoi ces huit couleurs fonctionnent

Une déficience de la vision des couleurs ne signifie pas « voir en niveaux de gris ». Les formes les plus courantes compriment un axe précis de l’espace colorimétrique : les teintes qui diffèrent surtout sur l’axe rouge-vert se rapprochent, tandis que les écarts de luminosité et ceux de l’axe bleu-jaune restent davantage perceptibles.

La palette Okabe-Ito exploite précisément ce principe. Deux couleurs voisines diffèrent à la fois par leur teinte et par leur luminosité. Même lorsqu’elles paraissent plus proches à une personne, leur clarté permet encore de les distinguer. C’est aussi la raison de la présence du noir : il fixe une extrémité de l’échelle de luminosité et fournit une catégorie de référence fiable.
Simulation côte à côte d’un graphique à barres utilisant la palette Okabe-Ito en vision normale, protanopie, deutéranopie et tritanopie (simulation de vision des couleurs créée avec SciFig)
Simulation côte à côte d’un graphique à barres utilisant la palette Okabe-Ito en vision normale, protanopie, deutéranopie et tritanopie (simulation de vision des couleurs créée avec SciFig)

Ordre recommandé

Si vous avez besoin de moins de huit couleurs, ne prenez pas simplement les N premières du tableau. Suivez plutôt cet ordre, qui maximise les écarts lorsque le nombre de catégories est réduit :

  1. #0072B2 bleu
  2. #E69F00 orange
  3. #009E73 vert bleuté
  4. #CC79A7 pourpre rougeâtre
  5. #56B4E9 bleu ciel
  6. #D55E00 vermillon
  7. #F0E442 jaune
  8. #000000 noir

Le bleu et l’orange arrivent volontairement en tête : parmi toutes les paires de la palette, leur contraste résiste le mieux aux différents types de déficience chromatique.

Code prêt à copier

R

okabe_ito <- c(
  "#E69F00", "#56B4E9", "#009E73", "#F0E442",
  "#0072B2", "#D55E00", "#CC79A7", "#000000"
)
# ggplot2
scale_colour_manual(values = okabe_ito)
À partir de R 4.0, Base R fournit également palette.colors(palette = "Okabe-Ito"). Il n’est donc pas toujours nécessaire d’inscrire les valeurs en dur.

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;
}

Les limites de la palette

Okabe-Ito est une palette qualitative, conçue pour des catégories non ordonnées : groupes de traitement, espèces ou conditions expérimentales. Elle n’est pas adaptée à trois usages fréquents :
  • Données ordonnées ou continues. Préférez une échelle séquentielle perceptuellement uniforme. Viridis est le choix le plus courant.
  • Données qui divergent autour d’un point médian. Utilisez une échelle divergente avec un centre neutre, comme RdBu de ColorBrewer.
  • Plus de huit catégories. Si vous en avez davantage, mieux vaut généralement restructurer la figure — en panneaux, en groupes ou avec des libellés directs — plutôt que d’ajouter une neuvième couleur.
Pour déterminer quelle palette convient à vos données, notre guide sur le choix des palettes pour les figures scientifiques compare les échelles séquentielles, divergentes et qualitatives à partir d’exemples concrets.
Graphique à barres groupées et nuage de points utilisant la palette Okabe-Ito avec des libellés directs à la place d’une légende (figure créée avec SciFig)
Graphique à barres groupées et nuage de points utilisant la palette Okabe-Ito avec des libellés directs à la place d’une légende (figure créée avec SciFig)
La même figure Okabe-Ito en couleur puis convertie en niveaux de gris, avec les paires qui restent distinctes mises en évidence (figure créée avec SciFig)
La même figure Okabe-Ito en couleur puis convertie en niveaux de gris, avec les paires qui restent distinctes mises en évidence (figure créée avec SciFig)

Erreurs fréquentes

S’appuyer uniquement sur la couleur. Même une palette parfaite échoue lors d’une impression en niveaux de gris et auprès des personnes atteintes de monochromatisme. Associez la couleur à un second canal visuel : style de trait, forme de marqueur, libellé direct ou texture.
Utiliser du jaune sur fond blanc. #F0E442 offre peu de contraste sur un arrière-plan blanc. Réservez-le aux zones pleines dotées d’un contour, et évitez les traits fins ou les petits marqueurs.
Penser que la palette suffit à corriger la figure. Une figure chargée comportant huit séries superposées reste difficile à lire, même avec des couleurs parfaitement choisies. L’accessibilité des couleurs est un minimum, pas un substitut à une structure claire.

Créez des figures scientifiques maintenant

Décrivez votre figure scientifique en langage naturel — obtenez des illustrations prêtes à publier en quelques minutes.

Essayer gratuitement
Si vous créez une nouvelle figure, le générateur de palettes pour figures scientifiques applique ces contraintes pendant la conception. Pour une figure existante, Figure Enhancer permet d’adopter des couleurs accessibles aux personnes daltoniennes sans tout reconstruire.

Conseil

Vérifiez au lieu de supposer. Avant la soumission, passez votre figure dans un simulateur de vision des couleurs, puis contrôlez-la une fois en niveaux de gris. Ces deux vérifications prennent moins d’une minute et révèlent la majorité des problèmes d’accessibilité.

À lire également

Lectures associées: Palettes de couleurs pour figures scientifiques (2026), 5 erreurs courantes dans les figures scientifiques.

Questions fréquentes

Pour continuer

Ressources recommandées

Modèles, outils et lectures complémentaires pour vos recherches

Arrière-plan d'appel à l'action

Prêt à commencer ?

Des figures scientifiques prêtes à publier, en quelques minutes

Commencer gratuitement

Gratuit pour commencer · Pas de carte de crédit requise · Conçu pour les chercheurs