Choisir les couleurs des marques, des rapports et des graphiques

La couleur est souvent la première chose que l’on remarque dans un rapport, une présentation ou un graphique. Elle indique de quelle organisation provient le document, ce qu’il faut regarder en premier et comment les valeurs se situent les unes par rapport aux autres. C’est aussi là que de nombreuses publications échouent sans bruit : un texte pâle illisible sur un téléphone en plein soleil, ou un graphique dont les courbes paraissent identiques à certains lecteurs.

Bien choisir ses couleurs n’est pas une affaire de goût personnel. Cela repose sur quelques règles claires de cohérence de marque, de contraste et de représentation des données. Ce guide aborde ces trois aspects, afin que vos couleurs de marque, la mise en page de vos rapports et votre palette de couleurs pour graphiques fonctionnent ensemble.

La plupart des organisations disposent d’une ou deux couleurs de marque, souvent choisies pour un logo. Un logo seul ne constitue pas une palette. Avant de concevoir le moindre rapport, déclinez vos couleurs de marque en un petit système que chacun peut utiliser au quotidien.

Dans notre propre pratique, une palette de marque utile comprend généralement les éléments suivants. Notez chaque couleur dans les formats dont votre équipe a besoin, par exemple HEX pour les écrans et CMJN pour l’impression, et précisez quelles combinaisons sont autorisées pour le texte.

• Une ou deux couleurs de marque principales pour les titres, les couvertures et les éléments clés à mettre en avant.
• Deux ou trois couleurs secondaires qui s’accordent avec les couleurs principales dans les graphiques.
• Un neutre foncé pour le texte courant et une gamme de gris pour les fonds, les traits et les étiquettes.
• Des teintes plus claires de chaque couleur pour les encadrés, les tableaux et les échelles séquentielles des graphiques.
• Des règles claires sur les paires de couleurs autorisées ou non pour le texte.

Le contraste correspond à la différence de luminosité entre un texte et son arrière-plan, exprimée sous forme de rapport. Les Règles pour l’accessibilité des contenus Web (WCAG) exigent un rapport de contraste d’au moins 4,5:1 pour le texte et d’au moins 3:1 pour le texte de grande taille.¹ Un texte de grande taille mesure au moins 18 points, ou 14 points en gras.¹ Les WCAG ne fixent aucune exigence de contraste pour le texte faisant partie d’un logo ou d’un nom de marque, mais cette exception ne s’applique pas au reste de vos supports.¹

C’est un point important pour les couleurs de marque. Beaucoup de couleurs vives, comme le jaune, l’orange ou le vert clair, sont loin d’atteindre 4,5:1 sur fond blanc. Réservez-les aux grandes formes, aux bordures et aux éléments mis en avant, et composez le texte courant dans un neutre foncé. Des vérificateurs de contraste gratuits permettent de tester n’importe quelle paire de couleurs en quelques secondes : intégrez donc ce contrôle à chaque nouveau modèle.

Le contraste ne concerne pas que le texte. Les WCAG demandent que les éléments graphiques nécessaires à la compréhension du contenu présentent un rapport de contraste d’au moins 3:1 avec les couleurs adjacentes.² Dans un graphique linéaire, chaque courbe doit atteindre 3:1 par rapport à l’arrière-plan.²

La bonne palette de couleurs pour graphiques dépend du type de données. Les recommandations de Datawrapper distinguent trois types d’échelles de couleurs.³ Les échelles catégorielles utilisent des teintes différentes, comme le bleu, l’orange et le vert, pour distinguer des catégories sans ordre naturel.³ Les échelles séquentielles vont du clair au foncé et conviennent aux valeurs qui vont du plus bas au plus élevé, comme le revenu ou l’âge.³ Les échelles divergentes partent d’une valeur centrale claire et s’assombrissent vers chaque extrémité dans des teintes différentes, ce qui convient aux valeurs négatives et positives ou aux réponses d’enquête sur une échelle allant de « tout à fait d’accord » à « pas du tout d’accord ».³

Moins il y a de couleurs, plus le graphique est clair. Le Government Analysis Function du Royaume-Uni souligne que limiter le nombre de couleurs dans un graphique les fait ressortir, et recommande, comme bonne pratique, de ne pas dépasser quatre catégories dans les graphiques simples.⁴ Pour les données séquentielles, il conseille une seule teinte ou un petit ensemble de teintes proches, en faisant varier la clarté plutôt qu’en alternant des couleurs sans rapport entre elles.⁴

Servez-vous du gris pour mettre les données en valeur. Les mêmes recommandations préconisent le gris pour les axes et les étiquettes, et décrivent des graphiques de mise en évidence où une série apparaît dans une couleur forte et les autres en gris clair.⁴ C’est souvent la façon la plus simple d’utiliser une couleur de marque dans un graphique : attribuez-la à la barre ou à la courbe que vous voulez faire remarquer.

Une partie de vos lecteurs perçoit les couleurs différemment. Datawrapper cite des estimations selon lesquelles environ 8 % des hommes européens et 0,5 % des femmes européennes présentent une forme de déficience ou de cécité au rouge ou au vert, tout en précisant que ces chiffres sont incertains.⁵ Les personnes atteintes de daltonisme rouge-vert peuvent avoir du mal à distinguer le rouge, le vert et le brun lorsque ces couleurs ont la même luminosité.⁵

La solution la plus fiable consiste à faire varier la clarté autant que la teinte. Datawrapper recommande d’attribuer des clartés différentes aux couleurs catégorielles afin qu’elles fonctionnent aussi en niveaux de gris, ce qui aide en particulier les lecteurs daltoniens.³ Le Government Analysis Function indique avoir vérifié ses palettes recommandées pour différents types de daltonisme et en niveaux de gris.⁴ Imprimer un graphique en noir et blanc, ou l’afficher en niveaux de gris à l’écran, est un test rapide à la portée de toute équipe.

Soyez prudent avec les indicateurs de statut rouge, orange et vert. Le Government Analysis Function a constaté qu’il est impossible de choisir des nuances de rouge, d’orange et de vert suffisamment contrastées à la fois avec un fond blanc et entre elles, et propose d’ajouter des étiquettes textuelles plutôt que de s’en remettre à la couleur.⁴

Les WCAG précisent que la couleur ne doit pas être le seul moyen visuel de transmettre une information.⁶ Parmi leurs exemples figure un graphique où les ventes d’une personne apparaissent en rouge et celles d’une autre en bleu : les lecteurs qui ne distinguent pas ces couleurs perdent le sens du graphique.⁶ Les WCAG citent l’association de la couleur et d’un motif comme l’un des moyens de respecter cette règle.⁶

En pratique, étiquetez directement les courbes et les barres au lieu de compter sur une légende, ajoutez des valeurs ou des symboles lorsque c’est utile, et utilisez des motifs ou des trames à l’impression. Le Government Analysis Function recommande d’étiqueter directement les courbes et de fournir une alternative en texte simple pour les graphiques.⁴ Pour les graphiques circulaires, les WCAG donnent l’exemple d’une bordure plus foncée autour d’un secteur pâle, qui permet de voir où chaque secteur se termine.²

Les choix de couleurs ne servent à rien s’ils ne sont pas appliqués. Consignez la palette, les combinaisons autorisées pour le texte et les couleurs des graphiques dans votre charte graphique, puis intégrez-les aux outils réellement utilisés : modèles de rapports, masques de diapositives et paramètres de couleurs par défaut de votre logiciel de graphiques.

Attribuez aux couleurs des graphiques un ordre fixe, afin qu’une même catégorie garde la même couleur tout au long d’un rapport. Le Government Analysis Function recommande d’utiliser sa palette catégorielle dans l’ordre indiqué, en commençant par la première couleur.⁴ Vérifiez chaque nouveau support à l’aide de la liste de contrôle ci-dessous avant son impression ou sa mise en ligne, et mettez la palette à jour lorsque vous repérez une combinaison qui ne fonctionne pas.

• Couleurs de marque déclinées en une petite palette avec neutres et teintes claires
• Texte courant à un rapport de contraste d’au moins 4,5:1 avec son arrière-plan
• Courbes, barres et secteurs à 3:1 ou plus par rapport aux couleurs adjacentes
• Type d’échelle adapté aux données : catégorielle, séquentielle ou divergente
• Pas plus de quatre couleurs dans un graphique simple, avec du gris pour le contexte
• Palette vérifiée en niveaux de gris et pour le daltonisme
• Étiquettes directes, valeurs ou motifs pour que la couleur ne soit jamais le seul repère
• Palette intégrée aux modèles de rapports, de diapositives et de graphiques