Farbpaletten für die Datenvisualisierung
Erzeuge Diagrammfarben, die für alle lesbar bleiben. Kategoriale Sets maximieren den kleinsten Unterschied bei normalem Sehen, Protanopie, Deuteranopie und Tritanopie. Sequenzielle und divergierende Skalen sind in OKLab gleichmäßig, und die Helligkeit bestimmt die Reihenfolge.
So erstellst du eine Farbpalette für Diagramme
- Wähle den Palettentyp: kategorial für ungeordnete Gruppen, sequenziell für Werte von niedrig bis hoch oder divergierend für Werte um einen Mittelpunkt.
- Lege fest, wie viele Farben du brauchst, 2 bis 12 für kategorial und 3 bis 11 für sequenziell und divergierend, und ob der Diagrammhintergrund hell oder dunkel ist.
- Füge optional bis zu drei Marken- oder Startfarben hinzu. Eine kategoriale Palette behält deine Farben und wählt die übrigen so, dass sie sich davon abheben.
- Prüfe die Live-Diagrammvorschau und die Farbsehen-Ansichten und exportiere die Farben dann als D3-, Vega-Lite-, Matplotlib-, ECharts- oder ggplot2-Code oder als JavaScript, CSS-Variablen oder Tailwind v4.
Das kannst du tun
Farbenblind-sichere Kategorien
Kategoriale Farben werden so gewählt, dass sie bei normalem Sehen, Protanopie, Deuteranopie und Tritanopie gleichzeitig unterscheidbar bleiben.
Gleichmäßige sequenzielle und divergierende Skalen
Bei einer sequenziellen Skala verläuft die Helligkeit in eine Richtung, und eine divergierende Skala ist symmetrisch um einen neutralen Mittelpunkt.
Kontrast zu deinem Hintergrund
Kategoriale Farben halten 3:1 Kontrast zum Diagrammhintergrund, das WCAG-Minimum für grafische Objekte.
Live-Diagrammvorschau
Sieh Balken-, Linien-, Streu-, Donut-, Flächen-, Heatmap- und Kachelkarten-Diagramme in deinen Farben.
Warnungen
Die Seite markiert Farben, die schwer zu unterscheiden sind, ungleichmäßige Skalen und Farben mit niedrigem Kontrast.
Export für Diagramm-Bibliotheken
Kopiere fertigen Code für D3, Vega-Lite, Matplotlib, ECharts und R ggplot2 oder einfach Hex-Werte.
Häufige Fragen
Was ist eine Farbpalette für Datenvisualisierung?
Ein Satz Farben, der für Diagramme gewählt wird und nicht zur Dekoration. Die drei Arten sind kategoriale Paletten für getrennte Gruppen, sequenzielle Paletten für geordnete Werte und divergierende Paletten für Werte, die sich von einem Mittelpunkt in zwei Richtungen entfernen.
Wie viele Farben sollte ein Diagramm haben?
Bei kategorialen Daten etwa acht oder weniger. Darüber werden die Unterschiede klein, besonders für farbenblinde Betrachter, also denke über direkte Beschriftungen nach oder fasse einige Kategorien zusammen.
Wie erstelle ich Diagrammfarben für Farbenblinde?
Wähle Farben, die sich in Helligkeit und Farbton unterscheiden, und teste sie bei Protanopie, Deuteranopie und Tritanopie. Dieser Generator maximiert den kleinsten Unterschied zwischen zwei beliebigen Farben über diese Ansichten und zeigt jede davon. Füge Beschriftungen oder Muster hinzu, wo du kannst.
Sequenzielle oder divergierende Farbpalette: was passt?
Nimm sequenziell für Werte von niedrig bis hoch, etwa Anzahlen oder Raten. Nimm divergierend, wenn die Werte eine sinnvolle Mitte haben und in zwei Richtungen gehen, etwa bei Veränderung, Abweichung oder Stimmung.
Kann ich diese Farben in D3, Matplotlib oder ggplot2 verwenden?
Ja. Das Export-Panel erzeugt Code für D3, Vega-Lite, Matplotlib, ECharts und R ggplot2, dazu ein JavaScript-Array, CSS-Variablen und ein Tailwind-v4-Theme.