Farbpaletten-Generator für Diagramme
Kategoriale, sequenzielle oder divergierende Farben erzeugen. Ein Beispieldiagramm ansehen und Farben für die Diagrammbibliothek kopieren.
Diagrammfarben erzeugen ↓Gültige deckende Farben eingeben und verfügbare Optionen wählen.
Kategoriale Farben trennen Gruppen, sequenzielle zeigen eine Reihenfolge und divergierende einen Mittelpunkt. Variationen können auf sRGB begrenzt werden.
Beispielwerte, keine Analysedaten. Auch Beschriftungen, Symbole oder Muster verwenden. Ein Verhältnis von 3:1 zum Hintergrund zertifiziert kein Diagramm.
| Reihe | HEX | Kontrast zum Hintergrund |
|---|
// Pass this array as your dataset backgroundColor or borderColor.
const colors = [
"#2563EB",
"#AC3C99",
"#BF4100",
"#677C00",
"#008E89"
];Was diese Seite bietet
- Nutze triadische oder tetradische Paletten für Kategorie Trennung.
- Vermeide Rot und Grün als einzigen Statusunterschied.
- Prüfe Chart Farben auf hellen und dunklen Hintergründen.
Gut für
- Dashboards
- Reports
- Dataviz
So nutzt du es
Kann ich das mit dem Hauptgenerator nutzen?
Ja. Starte hier, öffne das Chromoforge Tool mit derselben Basisfarbe und exportiere die Palette.
Wie viele Seriefarben verträgt ein Chart?
Sechs bis acht kategoriale Farben sind die praktische Obergrenze. Darüber hinaus lassen sich benachbarte Farbtöne in kleinen Größen nicht mehr unterscheiden. Fasse den langen Rest zu "Sonstige" zusammen oder wechsle zu einer sequenziellen oder divergierenden Skala aus einem Farbton.
Müssen Chart-Farben den WCAG-Kontrast erfüllen?
Teilweise ja. WCAG 1.4.11 verlangt 3:1 zwischen bedeutungstragenden Grafikelementen und Hintergrund oder Nachbarfarben. Textlabels im Chart brauchen weiterhin 4.5:1. Kodiere Bedeutung nie allein über den Farbton: ergänze Beschriftungen, Formen oder Muster.