Générateur de palettes pour graphiques
Générez des couleurs catégorielles, séquentielles ou divergentes. Prévisualisez un graphique et copiez les couleurs pour votre bibliothèque.
Générer les couleurs ↓Saisissez des couleurs opaques valides et choisissez les options disponibles.
Les couleurs catégorielles séparent des groupes ; les séquentielles indiquent un ordre ; les divergentes un point médian. Les variations peuvent être limitées au gamut sRGB.
Valeurs d’exemple, sans statistiques réelles. Utilisez aussi des libellés, symboles ou motifs. Un rapport de 3:1 sur le fond ne certifie pas un graphique.
| Série | HEX | Contraste sur le fond |
|---|
// Pass this array as your dataset backgroundColor or borderColor.
const colors = [
"#2563EB",
"#AC3C99",
"#BF4100",
"#677C00",
"#008E89"
];Ce que donne cette page
- Utilisez palettes triadiques ou tétradiques pour séparer les catégories.
- Évitez rouge et vert comme seule différence.
- Vérifiez sur fonds clairs et sombres.
Utile pour
- Dashboards
- Rapports
- Dataviz
Comment l’utiliser
Puis-je utiliser cela avec le générateur principal?
Oui. Commencez ici, ouvrez l’outil Chromoforge avec la même couleur de base et exportez la palette.
Combien de couleurs de série un graphique supporte-t-il ?
Six à huit couleurs catégorielles constituent le plafond pratique. Au-delà, les teintes voisines cessent d'être distinguables en petite taille. Regroupez la longue traîne dans une catégorie « autre », ou passez à une échelle séquentielle ou divergente construite sur une seule teinte.
Les couleurs d'un graphique doivent-elles respecter le contraste WCAG ?
En partie oui. WCAG 1.4.11 demande 3:1 entre les éléments graphiques porteurs de sens et leur fond ou les couleurs adjacentes. Les étiquettes textuelles dans le graphique restent à 4.5:1. N'encodez jamais le sens par la seule teinte : ajoutez des étiquettes, des formes ou des motifs.