Okabe-Ito-Palette: Exakte Farben und barrierefreie Nutzung

Die ursprüngliche Okabe-Ito-Palette enthält acht Farben: Orange #E69F00, Himmelblau #56B4E9, Blaugrün #009E73, Gelb #F0E442, Blau #0072B2, Zinnoberrot #D55E00, Rotviolett #CC79A7 und Schwarz #000000. Verwenden Sie sie für Kategorien, nicht für kontinuierliche Größen, und lassen Sie Farbe nie allein die Bedeutung tragen.

Das Wichtigste in Kürze

• Nutzen Sie die acht Farben für Kategorien, nicht für kontinuierliche Werte.
• Halten Sie Hex- und RGB-Werte in allen Werkzeugen identisch.
• Ergänzen Sie Farbe durch Beschriftungen, Formen, Muster oder Linienstile.
• Prüfen Sie Gelb und andere helle Farben auf dem endgültigen Hintergrund.
• Verwenden Sie dokumentierte Erweiterungspakete statt erfundener integrierter APIs.
• Wechseln Sie die Strategie, wenn die Abbildung mehr als acht Kategorien benötigt.

Kurzantwort: Was ist die Okabe-Ito-Palette?

Die Okabe-Ito-Palette ist ein qualitatives Set aus acht Farben zur Unterscheidung von Kategorien in Abbildungen: Orange, Himmelblau, Blaugrün, Gelb, Blau, Zinnoberrot, Rotviolett und Schwarz. Die Originalwerte stammen aus der Color-Universal-Design-Anleitung von Okabe und Ito, die 2002 erstmals veröffentlicht und 2008 überarbeitet wurde, damit Menschen mit Farbsehschwächen Abbildungen besser lesen können. (Okabe & Ito, 2008)

Verwenden Sie die Palette, wenn ein Farbton für eine Kategorie steht, etwa für Behandlungsgruppen, Arten oder Versuchsbedingungen. Sie ist weder eine sequenzielle Skala für niedrige bis hohe Messwerte noch eine divergierende Skala um einen Mittelpunkt. (EasyStats, 2026; Okabe & Ito, 2008) Diese Abgrenzung ist wichtiger als die Wahl der Grafikbibliothek.

Die acht Farben im Überblick

Die Tabelle bewahrt die ursprüngliche Reihenfolge und enthält dezimale RGB-Werte für Diagramm-, Design- und CSS-Workflows. (Okabe & Ito, 2008)

Eine explizite Reihenfolge verhindert unbemerkte Abweichungen zwischen Softwarevarianten. Die benannte Base-R-Version fügt Grau hinzu und kann Schwarz zuerst anordnen; einige Erweiterungen verwenden außerdem ein anderes Gelb. (EasyStats, 2026; R Core Team, 2026) Speichern Sie für reproduzierbare Arbeit die gewählten Werte im Quellcode der Abbildung, statt sich nur auf einen Palettennamen zu verlassen.

Was die Palette garantiert und was nicht

Das Set soll die Unterscheidung von Kategorien für Menschen mit verbreiteten Farbsehschwächen verbessern. (Okabe & Ito, 2008) Es garantiert weder eine Trennung aller Paare in Graustufen noch ausreichenden Kontrast heller Farben auf Weiß oder die Barrierefreiheit ausschließlich farbcodierter Informationen. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Wichtig: Ergänzen Sie die Palette durch direkte Beschriftungen, Markierungsformen, Linienstile, Muster oder Konturen. Nach W3C darf Information nicht allein von Farbe abhängen. Die Palette ist ein Baustein, kein Barrierefreiheitszertifikat. (World Wide Web Consortium, 2024)

Prüfen Sie die fertige Abbildung vor der Veröffentlichung in tatsächlicher Größe und auf dem finalen Hintergrund. Dünne gelbe Linien verdienen auf Weiß besondere Aufmerksamkeit; eine monochrome Ausgabe muss die Bedeutung durch Beschriftungen oder redundante Codierung bewahren. (Okabe & Ito, 2008)

Hex-Codes, RGB-Werte und Farbnamen

Die Okabe-Ito-Palette enthält acht kategoriale Farben als sRGB-Hexwerte und dezimale RGB-Tripel. Verwenden Sie die Werte werkzeugübergreifend konsistent, behandeln Sie die Quellreihenfolge aber als Referenz und nicht als allgemeingültige Darstellungsreihenfolge. (Okabe & Ito, 2008)

Kopierfertige Farbtabelle

Jedes RGB-Tripel nennt die Kanäle Rot, Grün und Blau in dieser Reihenfolge.

Definieren Sie für reproduzierbare Abbildungen pro Farbe eine benannte Konstante und verwenden Sie sie in jeder Umgebung. Damit löst sich „blue“ nicht als Paketstandard statt als #0072B2 auf, und die Palette bleibt ohne Pixelentnahme prüfbar.

Eine praktische Darstellungsreihenfolge

Keine Reihenfolge passt zu jedem Datensatz. Ordnen Sie die wichtigste Kategorie Blau oder Zinnoberrot zu und verteilen Sie weitere Farben nach semantischer Priorität. Reservieren Sie Schwarz für Referenz, Kontrolle oder Basislinie. Wechseln Sie bei benachbarten Reihen nach Möglichkeit Farbton und Helligkeit.

Nach der Zuordnung muss eine Kategorie über Panels, Legenden und verwandte Diagramme dieselbe Farbe behalten. Wirken zwei Reihen in Endgröße zu ähnlich, ergänzen Sie direkte Beschriftungen, Markierungsformen oder Linienstile. Sortieren Sie die Farben nicht in jedem Panel neu.

Hintergrund und Sichtbarkeit von Gelb

Gelb erfordert eine Hintergrundprüfung. Gegen Weiß erreicht #F0E442 nach der sRGB-Formel für relative Leuchtdichte aus WCAG 2.2 ein berechnetes Kontrastverhältnis von 1,32:1. Der angezeigte Wert ist auf zwei Dezimalstellen gerundet. (World Wide Web Consortium, 2024)

Damit liegt Gelb unter dem Zielwert 3:1 für aneinandergrenzende grafische Objekte oder ihre notwendigen Konturen. (World Wide Web Consortium, 2024) Dünne gelbe Markierungen können trotz unterschiedlicher Farbe schwer auffindbar sein. Verwenden Sie Gelb für größere Zeichen auf dunklem oder begrenztem Hintergrund und ergänzen Sie Kontur, Symbol oder Beschriftung.

Orange und Himmelblau liegen in ihrer Leuchtdichte nah beieinander; eine monochrome Ausgabe kann den Unterschied verringern. (World Wide Web Consortium, 2024) Testen Sie die Palette auf der tatsächlichen Zeichenfläche in Exportgröße.

Kennzahlen

• 8 Farben im ursprünglichen kategorialen Set (Okabe & Ito, 2008)
• 1,32:1 Kontrast zwischen Gelb und Weiß (World Wide Web Consortium, 2024)
• 1,025:1 rein leuchtdichtebasierter Kontrast zwischen Orange und Himmelblau (World Wide Web Consortium, 2024)

Herkunft der Okabe-Ito-Palette

Die Palette entstand in den Color-Universal-Design-Unterlagen von Masataka Okabe und Kei Ito aus dem Jahr 2002, überarbeitet 2008. Ihr praktisches Ziel war, Abbildungen und Präsentationen für Menschen mit und ohne Farbsehschwächen besser unterscheidbar zu machen und Farbe durch Beschriftungen, Formen oder Linienstile zu ergänzen. (Okabe & Ito, 2008)

Okabes und Itos Color-Universal-Design-Anleitung

Die Anleitung war mehr als eine Liste ansprechender Hex-Codes. Sie behandelte Farbe als Teil eines Informationssystems und empfahl eine redundante Codierung, wenn Farbe Bedeutung trägt. (Okabe & Ito, 2008) Dieser Zusammenhang fehlt häufig, wenn die Palette von der zugehörigen Gestaltungsmethode getrennt wird.

Warum sie auch Wong-Palette heißt

Bang Wong stellte 2011 in einer Nature Methods-Kolumne Farben für farbenblinde Leserinnen und Leser vor. Dadurch verbreitete sich das Set unter wissenschaftlichen Autorinnen und Autoren. (Wong, 2011)

Daher erscheint der Name Wong-Palette, obwohl Wong nicht ihr Urheber war. (Wong, 2011, 2023) Eine Autorenkorrektur von 2023 ergänzte den fehlenden Link zur Präsentation von Okabe und Ito aus dem Jahr 2002. (Wong, 2023)

Die Korrektur dokumentiert eine konkrete Auslassung: Im Artikel von 2011 fehlte der Link zur Präsentation von Kei Ito und Masataka Okabe aus dem Jahr 2002. (Wong, 2023)

Die Zuordnungskette lautet: Ursprung 2002, Überarbeitung 2008, Verbreitung 2011 und Korrektur 2023. Okabe und Ito entwickelten die Anleitung; Wong brachte sie später einem breiteren wissenschaftlichen Publikum nahe. (Okabe & Ito, 2008; Wong, 2011, 2023)

Achtfarbiges Original und Softwarevarianten

Das kopierfertige Original enthält acht Farben und endet mit Schwarz. (Okabe & Ito, 2008) Softwarevarianten können abweichen, ohne die Quellpalette zu verändern. Die benannte Base-R-Version hat neun Farben, fügt #999999 Grau hinzu und kann Schwarz zuerst anordnen. (EasyStats, 2026; R Core Team, 2026)

Einige Erweiterungspakete ersetzen das ursprüngliche Gelb durch #F5C710 Bernstein, sofern die Option für Originalgelb nicht gewählt ist. (EasyStats, 2026) Dokumentieren Sie exakte Reihenfolge und Hexwerte, nicht nur „Okabe-Ito-Palette“.

Glossar

• Color Universal Design (CUD): Anleitung, die farbcodierte Informationen für verschiedene Formen des Farbsehens unterscheidbar halten soll. (Okabe & Ito, 2008)
• Wong-Palette: späterer Name im Zusammenhang mit Wongs Kolumne von 2011, kein anderer Ursprung. (Wong, 2011, 2023)
• Palettenvariante: softwarespezifische Änderung von Farbzahl, Reihenfolge oder Hexwert.
• CVD: Farbsehschwäche, englisch Color-vision deficiency.
• Kategoriale Palette: unterschiedliche Farben für diskrete Gruppen.
• Redundante Codierung: zweite Informationsebene wie Form oder Linienstil. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Okabe-Ito-Farben in Python, R, MATLAB und CSS verwenden

Die sicherste plattformübergreifende Implementierung definiert dieselben acht sRGB-Farben explizit und übergibt die Liste an jede Grafik-API. Dadurch bleibt die Originalreihenfolge erhalten, auch wenn benannte Paletten Grau ergänzen, Farben umordnen oder ein anderes Gelb verwenden. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)

Python mit Matplotlib

Matplotlib kann mit set_prop_cycle eine explizite Farbliste auf ein Axes anwenden. (Matplotlib Development Team, 2026) Definieren Sie die Palette einmal und lassen Sie aufeinanderfolgende Aufrufe durch die Liste laufen.

import matplotlib.pyplot as plt

okabe_ito = [
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000",
]

fig, ax = plt.subplots()
ax.set_prop_cycle(color=okabe_ito)
for column in data.columns:
 ax.plot(data.index, data[column], label=column)
ax.legend()

Verwenden Sie plt.rcParams["axes.prop_cycle"] nur, wenn die Farben für die gesamte Sitzung gelten sollen. Ein Axes-bezogener Zyklus verändert seltener unbeteiligte Abbildungen.

Python mit Seaborn

Seaborns set_palette akzeptiert eine Liste und aktualisiert Matplotlibs Farbzyklus. (Waskom, 2024) Übergeben Sie die Werte direkt, statt eine dokumentierte benannte Vorgabe anzunehmen.

import seaborn as sns

okabe_ito = [
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000",
]
sns.set_palette(okabe_ito)

Base R und ggplot2

Base R stellt palette.colors(palette = "Okabe-Ito") bereit. Die Implementierung umfasst jedoch neun Farben, enthält Grau und kann Schwarz zuerst anordnen. (R Core Team, 2026) Nutzen Sie einen expliziten Vektor, wenn das achtfarbige Original mit anderer Software übereinstimmen muss.

okabe_ito <- c(
 "#E69F00", "#56B4E9", "#009E73", "#F0E442",
 "#0072B2", "#D55E00", "#CC79A7", "#000000"
)

# Base graphics
palette(okabe_ito)
plot(x, y, col = group, pch = 16)

# ggplot2
library(ggplot2)
ggplot(df, aes(x, y, colour = group, fill = group)) +
 geom_point(shape = 21, size = 3) +
 scale_colour_manual(values = okabe_ito) +
 scale_fill_manual(values = okabe_ito)

Der ggplot2-Kern dokumentiert manuelle diskrete Skalen, nicht scale_color_okabeito(). Das Erweiterungspaket see dokumentiert see::scale_color_okabeito(). (EasyStats, 2026; Posit, 2026) Die Paketangabe verhindert Code, der in einer reinen ggplot2-Installation scheitert.

MATLAB mit colororder

MATLABs colororder akzeptiert eine n-mal-3-Matrix aus RGB-Tripeln. Teilen Sie Werte von 0 bis 255 vor der Zuweisung durch 255; colororder steht seit R2019b zur Verfügung. (MathWorks, 2026)

okabeIto = [
 230 159 0
 86 180 233
 0 158 115
 240 228 66
 0 114 178
 213 94 0
 204 121 167
 0 0 0
] / 255;

ax = axes;
colororder(ax, okabeIto)
plot(ax, x, Y, 'LineWidth', 1.5)

Benutzerdefinierte CSS-Eigenschaften

CSS besitzt kein Register für Diagrammpaletten. Speichern Sie die Farben als benutzerdefinierte Eigenschaften und referenzieren Sie sie konsistent in SVG-Diagrammen, Legenden und Oberflächen. Semantische Namen erleichtern spätere Änderungen.

:root {
 --oi-orange: #e69f00;
 --oi-sky-blue: #56b4e9;
 --oi-bluish-green: #009e73;
 --oi-yellow: #f0e442;
 --oi-blue: #0072b2;
 --oi-vermillion: #d55e00;
 --oi-reddish-purple: #cc79a7;
 --oi-black: #000000;
}

.series-a { color: var(--oi-orange); }
.series-b { color: var(--oi-sky-blue); }

Welche Implementierung tatsächlich integriert ist

Bewahren Sie vor dem Export ein kanonisches Farbfeld, prüfen Sie die Kategorienfolge über Panels und Legenden, dokumentieren Sie Varianten, ergänzen Sie nichtfarbliche Signale und testen Sie Gelb auf dem endgültigen Hintergrund. Das gemeinsame Feld ist Teil des Datenvertrags der Abbildung.

Einsatz in Diagrammen und wissenschaftlichen Abbildungen

Verwenden Sie die Palette, wenn Farben benannte Gruppen ohne innere Reihenfolge trennen: Behandlungsarme, Arten, Instrumente, Methoden oder Diagrammkomponenten. Nutzen Sie die acht Farbtöne weder als Niedrig-hoch-Leiter noch als zwei Seiten eines Mittelpunkts. Dafür sind kontinuierliche Skalen erforderlich, deren Helligkeit und Richtung Größen ausdrücken.

Kategoriale, sequenzielle und divergierende Daten

Die Anleitung zeigt acht Farben zur Trennung von Kategorien, nicht zur Codierung einer numerischen Rampe. Sie empfiehlt außerdem redundante Signale. Eine veröffentlichungsfähige Abbildung verbindet daher Farbe mit Beschriftungen, Formen, Linienstilen, Mustern oder weiteren Hinweisen. (EasyStats, 2026; Okabe & Ito, 2008)

Linien, Balken, Punkte, Diagramme und Heatmaps

Bei Liniendiagrammen bleibt ein Farbton pro Reihe erhalten; Linienstile oder Punktmarker kommen hinzu. Bei einem einreihigen Balkendiagramm zeigt die Länge bereits die Größe, sodass eine Farbe oft klarer ist. Mehrere Farbtöne sind sinnvoll, wenn Balken echte nominale Gruppen codieren. Ein Kreisdiagramm benötigt direkte Segmentbeschriftungen und Legende. W3C verlangt eine nichtfarbliche Zusatzinformation. (World Wide Web Consortium, 2024)

Der FigEditor Balkendiagramm-Ersteller unterstützt gruppierte und gestapelte Vergleiche; der Kreisdiagramm-Ersteller zeigt Prozentwerte an Segmenten. Die Regel bleibt: Ein Farbton entspricht einer Kategorie, nicht einem Rang. Matrizen gehören in den Heatmap-Generator, mit sequenzieller Skala für Niedrig-hoch-Werte oder divergierender Skala um eine Referenz.

Okabe-Ito in drei Schritten anwenden

1. Kategorien definieren und exakte Werte kopieren. Dokumentieren Sie jede Kategorie-Hex-Zuordnung neben den Quelldaten, bevor Sie gestalten.
2. Jeder Kategorie eine stabile Farbe zuweisen. Behalten Sie die Zuordnung in Panels, Legenden, Bildunterschriften, Marken und Knoten bei.
3. Fertige Abbildung prüfen. Ergänzen Sie Beschriftungen, Formen, Linienstile, Konturen oder Muster und prüfen Sie Hintergrund, Größe, Graustufen sowie den Journalexport.

Für Rasterabbildungen erlaubt Recolor in FigEditor Studio eine benutzerdefinierte Palette mit bis zu vier Hexwerten. Wählen Sie ein bewusstes Teilset für höchstens vier Funktionsgruppen und prüfen Sie anschließend wissenschaftliche Beziehungen und Beschriftungen.

Die Kategoriezuordnung ist wichtiger als die Palettenfolge. Blau für Kontrolle und Zinnoberrot für Behandlung über alle Panels hinweg reduziert Umlernen; wechselnde Rollen zerstören die Konsistenz.

Grenzen der Barrierefreiheit und Prüfung vor Veröffentlichung

Die acht Farben verbessern die Unterscheidbarkeit für viele Menschen mit und ohne Farbsehschwäche. Das macht sie CVD-freundlich, nicht universell barrierefrei. WCAG 2.2 fordert zusätzlich eine nichtfarbliche Informationsebene; notwendige grafische Grenzen können 3:1 Kontrast benötigen. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Nicht allein auf Farbe vertrauen

Prüfen Sie die fertige Abbildung:

• Jede Kategorie erhält eine direkte Beschriftung oder eindeutige Legende.
• Überlappende Kategorien erhalten Marker, Linienstile, Formen, Muster oder Konturen.
• Anweisungen nennen nicht ausschließlich „die grüne Linie“.
• Auch ohne Farbe bleibt der beabsichtigte Vergleich nachvollziehbar.

Der letzte Punkt prüft die WCAG-Regel zur alleinigen Farbcodierung, verspricht aber keine vollständige Trennung in einer monochromen Ausgabe. (World Wide Web Consortium, 2024)

Kontrast und helle Farben prüfen

Text- und Grafikobjektkontrast sind verschiedene Prüfungen. Bewerten Sie Beschriftungen nach dem Textkriterium und notwendige Balken, Punkte, Bedienelemente sowie Konturen nach dem Grafikkriterium. Eine kontrastierende Umrandung kann helfen, wenn zwei Füllungen 3:1 nicht erreichen. (World Wide Web Consortium, 2024)

Gelb #F0E442 erreicht auf Weiß nur 1,32:1. Dünne gelbe Markierungen oder gelber Text können deshalb verschwinden. (World Wide Web Consortium, 2024)

Warnung: Eine bestandene CVD-Simulation belegt weder Text- und Objektkontrast noch nichtfarbliche Kommunikation oder Graustufentauglichkeit. Testen Sie jede Bedingung separat auf dem finalen Hintergrund und in Veröffentlichungsgröße. (World Wide Web Consortium, 2024)

Graustufen als Fehlersuche, nicht als Garantie

Graustufen reduzieren Farbton auf Helligkeit. Orange und Himmelblau besitzen nahezu gleiche relative Leuchtdichten; in Farbe getrennte Kategorien können zusammenfallen. (World Wide Web Consortium, 2024) Nutzen Sie die Vorschau zur Fehlersuche und behalten Sie Beschriftungen oder Linienstile in der Veröffentlichung.

Mehr als acht Kategorien

Das Original hat acht Farben. (Okabe & Ito, 2008) Erfinden Sie für weitere Klassen keine ähnlichen Töne. Fassen Sie Kategorien zusammen, teilen Sie die Ansicht in Facetten, beschriften Sie Marken direkt oder ergänzen Sie Form und Linienmuster. Stabile Zuordnungen über Facetten sind meist klarer als eine überdehnte Legende.

Häufig gestellte Fragen

Das achtfarbige Set hilft vielen Menschen mit Farbsehschwächen, Datenreihen zu unterscheiden. Es zertifiziert weder Kontrast noch Graustufentrennung oder rein farbliche Kommunikation. Kombinieren Sie Farben mit Beschriftungen, Formen, Mustern oder Linien und testen Sie die fertige Abbildung im Einsatzkontext. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Ist die Okabe-Ito-Palette für wissenschaftliche Abbildungen farbenblindensicher?

Sie wurde entwickelt, damit viele Menschen mit Farbsehschwächen Kategorien besser unterscheiden können, garantiert aber keine vollständige Barrierefreiheit. Kontrast, Markierungsgröße, Hintergrund, Graustufenausgabe und alleinige Farbcodierung bleiben relevant. Ergänzen Sie Beschriftungen, Formen, Muster, Konturen oder Linienstile und prüfen Sie die fertige Abbildung. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Warum heißt sie auch Wong-Palette?

Bang Wong stellte die Farben 2011 in Nature Methods einem wissenschaftlichen Publikum vor, weshalb sich der spätere Name Wong-Palette verbreitete. Okabe und Ito hatten zuvor die Color-Universal-Design-Anleitung entwickelt. Eine Korrektur von 2023 ergänzte den Link zu ihrer Präsentation von 2002; Okabe-Ito beschreibt den Ursprung daher genauer. (Wong, 2011, 2023)

Ist die Palette in ggplot2 oder Base R integriert?

Der ggplot2-Kern bietet kein scale_color_okabeito(). Verwenden Sie einen expliziten Hexvektor mit scale_colour_manual() oder scale_fill_manual(). Die Erweiterung see dokumentiert scale_color_okabeito(), während Base R über palette.colors() eine benannte Version liefert. Prüfen Sie Paket und Reihenfolge vor der Verwendung. (EasyStats, 2026; Posit, 2026; R Core Team, 2026)

Wie nutze ich die Palette bei mehr als acht Kategorien?

Das Original liefert acht kategoriale Farben. Erzeugen Sie für weitere Klassen keine schwer unterscheidbaren Nachbartöne. Fassen Sie verwandte Klassen zusammen, verwenden Sie Facetten, beschriften Sie direkt oder kombinieren Sie Farbe mit Formen und Linienstilen. Stabile Zuordnungen über Panels sind verlässlicher als eine überfüllte erweiterte Legende. (Okabe & Ito, 2008)

Funktioniert die Okabe-Ito-Palette in Graustufen?

Das ist nicht garantiert. Bei der Reduktion auf Helligkeit verschwinden Farbtonunterschiede; Orange und Himmelblau weisen fast identische berechnete Leuchtdichten auf. Verwenden Sie die Graustufenvorschau zur Fehlersuche und bewahren Sie Bedeutung durch direkte Beschriftungen, Markierungsformen, Muster oder unterschiedliche Linienstile. (World Wide Web Consortium, 2024)

Sollte Okabe-Ito-Gelb auf weißem Hintergrund eingesetzt werden?

Nur mit Vorsicht. Nach der WCAG-2.2-Formel für relative Leuchtdichte erreicht #F0E442 gegenüber Weiß etwa 1,32:1 und unterschreitet damit das Ziel 3:1 für notwendige grafische Objekte oder Konturen. Nutzen Sie größere Zeichen, dunklen Hintergrund, kontrastierende Umrandung oder eine andere Farbe und prüfen Sie die Exportgröße. (World Wide Web Consortium, 2024)

Worin unterscheiden sich Original und erweiterte Okabe-Ito-Palette?

Die Quelle enthält acht Farben und endet mit Schwarz. Softwarevarianten können Grau hinzufügen, die Reihenfolge ändern oder Gelb durch Bernstein ersetzen. „Erweitert“ bezeichnet daher keinen einheitlichen Standard. Notieren Sie exakte Hexliste und Reihenfolge im Code oder in der Methode, damit andere dieselben Farben reproduzieren können. (EasyStats, 2026; Okabe & Ito, 2008; R Core Team, 2026)

Fazit: Ein System, keine Garantie

Die Okabe-Ito-Palette funktioniert am besten als koordiniertes System. Beginnen Sie mit den acht exakten sRGB-Werten, verwenden Sie sie für Kategorien und halten Sie jede Zuordnung in Diagrammen, Code und Exporten stabil. (Okabe & Ito, 2008) Ergänzen Sie direkte Beschriftungen, Formen, Linienstile, Muster oder kontrastierende Konturen.

Wichtig: Die Palette macht eine Abbildung nicht automatisch barrierefrei. Gelb erreicht auf Weiß nur 1,32:1, während Orange und Himmelblau nach der WCAG-Berechnung nahezu gleiche relative Leuchtdichten haben. (World Wide Web Consortium, 2024) Prüfen Sie Endgröße, Hintergrund, Darstellungsmodus und wahrscheinliche Druckbedingungen.

Verwenden Sie in Python, R, MATLAB oder CSS dokumentierte APIs und benennen Sie die exakte Variante. Die Palette löst die erste Ebene der kategorialen Farbwahl; redundante Codierung und Kontextprüfungen schließen Graustufen, helle Hintergründe und Abbildungen mit mehr als acht Kategorien ein. (Okabe & Ito, 2008; World Wide Web Consortium, 2024)

Literatur

1. EasyStats. (2026). Okabe-Ito color palette. https://easystats.github.io/see/reference/scale_color_okabeito.html
2. MathWorks. (2026). colororder: Set or query color order palette. https://www.mathworks.com/help/matlab/ref/colororder.html
3. Matplotlib Development Team. (2026). matplotlib.axes.Axes.set_prop_cycle. https://matplotlib.org/stable/api/_as_gen/matplotlib.axes.Axes.set_prop_cycle.html
4. Okabe, M., & Ito, K. (2008). Color Universal Design (CUD): How to make figures and presentations that are friendly to colorblind people (Original work published 2002). https://jfly.uni-koeln.de/color/index.html
5. Posit. (2026). Create your own discrete scale. https://ggplot2.tidyverse.org/reference/scale_manual.html
6. R Core Team. (2026). Set or view the graphics palette. https://stat.ethz.ch/R-manual/R-devel/library/grDevices/html/palette.html
7. Waskom, M. (2024). seaborn.set_palette. https://seaborn.pydata.org/generated/seaborn.set_palette.html
8. Wong, B. (2011). Points of view: Color blindness. Nature Methods, 8(6), 441. https://doi.org/10.1038/nmeth.1618
9. Wong, B. (2023). Author correction: Points of view: Color blindness. Nature Methods, 20(8), 1266. https://doi.org/10.1038/s41592-023-01974-0
10. World Wide Web Consortium. (2024). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/