Guide couleur pratique

Palettes de couleurs pour graphiques et tableaux de bord

Choisissez des palettes categorielles, sequentielles et divergentes pour graphiques lisibles et dashboards accessibles.

Ouvrir l outil lie

Adapter la palette aux donnees

Utilisez des couleurs categorielles pour des groupes independants, sequentielles pour des valeurs du faible au fort et divergentes lorsque les donnees possedent un point central important.

Limiter les couleurs categorielles

Trop de teintes rendent la legende difficile a lire. Distinguez les series importantes, regroupez les categories mineures et utilisez des libelles directs lorsque possible.

Ne pas dependre uniquement de la couleur

Associez couleur, libelles, motifs de ligne, formes ou annotations. Cela aide les utilisateurs avec une vision des couleurs differente et les impressions en niveaux de gris.

Proteger contraste et hierarchie

Axes, libelles et infobulles doivent rester lisibles. Les grilles doivent etre visibles mais plus discretes que les donnees. Un element selectionne demande plus qu une petite variation de teinte.

Tester le vrai dashboard

Evaluez les graphiques a leur taille finale, sur mobile et dans les deux themes. Une palette correcte dans une grande maquette peut echouer sur des lignes fines.

References techniques

Ce guide a ete verifie avec les sources primaires suivantes.

Questions frequentes

Combien de couleurs categorielles utiliser ?

Utilisez le minimum permis par les donnees. Au-dela de plusieurs categories, les libelles directs et le regroupement sont souvent plus clairs.

Le contraste suffit-il pour les graphiques ?

Non. Testez aussi les differences de vision des couleurs, les petits elements, les libelles et les etats interactifs.

Guides lies

OKLCH en CSS : guide pratique des couleurs perceptuellesPalette pour mode sombre : contraste, surfaces et UI accessibleDesign tokens couleur : nommer les variables CSS pour une UI evolutive