Outil couleur pratique

Générateur palette graphiques

Générez des couleurs distinctes pour dashboards et dataviz, avec contrôle contraste et daltonisme.

Ouvrir dans l’outil principalRetour à l’outil
EnglishItalianoEspañolFrançaisDeutsch

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

Générateur paletteCréez des palettes accessibles, vérifiez le contraste WCAG, extrayez des couleurs d'images et exportez CSS, Tailwind, SCSS, JSON, SVG et PNG.Contrôle WCAGVérifiez le contraste entre texte et arrière-plan selon WCAG AA et AAA, testez des paires réelles et choisissez des couleurs lisibles.Extracteur imageExtrayez les couleurs dominantes des images PNG, JPG ou WebP dans le navigateur et créez des palettes exportables.
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.