Créer une palette de couleurs harmonieuse

Partir d’une intention, pas d’une couleur

Avant d’ouvrir un nuancier, posez trois mots sur ce que le visuel doit dégager : « calme, naturel, artisanal », « énergique, urbain, jeune », « sobre, technique, fiable ». Ces mots orientent la température (chaud ou froid), la saturation (vif ou retenu) et le contraste (doux ou franc) bien plus sûrement qu’une couleur préférée.

Une photo, une matière ou une affiche ancienne fait aussi un excellent point de départ : ses couleurs fonctionnent déjà ensemble. Le générateur de palettes peut les extraire d’une image importée.

Les harmonies de couleurs, simplement

Les harmonies décrivent la position des couleurs sur le cercle chromatique. Elles ne garantissent pas une belle palette, mais donnent une structure solide à affiner :

• Monochrome : une seule teinte déclinée du clair au foncé. Élégant et sans risque, idéal pour un univers sobre.
• Analogue : des teintes voisines (bleu, bleu-vert, vert). Doux et naturel, l’harmonie la plus facile à réussir.
• Complémentaire : deux teintes opposées (bleu et orange, violet et jaune). Contraste maximal, à doser : l’une domine, l’autre ponctue.
• Complémentaire divisée : une teinte et les deux voisines de son opposée. Le dynamisme du complémentaire, en moins brutal.
• Triadique : trois teintes à égale distance. Joyeux et coloré, à calmer en désaturant deux des trois couleurs.
• Carré et composée : quatre teintes ou plus, réservées aux univers riches (illustration, jeunesse, festival).

La règle du 60-30-10

Une palette réussie peut échouer à l’usage si toutes les couleurs ont le même poids. La règle du 60-30-10, empruntée à la décoration, donne un équilibre presque à coup sûr :

• 60 % pour la couleur dominante, souvent le fond : neutre, claire ou très sombre ;
• 30 % pour la couleur secondaire : grandes formes, blocs de texte, illustrations ;
• 10 % pour la couleur d’accent : boutons, mots clés, détails. C’est elle qui attire l’œil, à condition d’être rare.

Trois à cinq couleurs suffisent dans la grande majorité des projets. Ajoutez-y des nuances (plus claires, plus foncées) de ces mêmes couleurs plutôt que de nouvelles teintes.

Vérifier la lisibilité

Deux couleurs peuvent être superbes côte à côte et illisibles l’une sur l’autre. Les règles d’accessibilité du web (WCAG) mesurent le rapport de contraste entre un texte et son fond :

• 4,5:1 au minimum pour un texte courant ;
• 3:1 au minimum pour un grand titre ou une icône ;
• 7:1 pour un confort de lecture optimal.

Pensez aussi aux personnes daltoniennes, près d’un homme sur douze : un rouge et un vert de même clarté peuvent leur paraître identiques. Ne faites jamais reposer une information sur la seule couleur, et vérifiez votre palette en simulation. Le générateur affiche le contraste de chaque couple et simule les principales formes de daltonisme.

Des couleurs qui se mélangent bien

Si votre palette sert à un dégradé, l’espace de mélange compte autant que les couleurs : un dégradé calculé simplement entre un bleu et un jaune passe par un gris terne au milieu. Les espaces de couleur « perceptuels » comme OKLab mélangent les couleurs comme l’œil les perçoit, sans zone grise. C’est le choix du générateur de dégradés.

Exporter et réutiliser sa palette

• Pour Illustrator, Photoshop ou InDesign : le format .ASE s’importe directement dans le panneau Nuancier.
• Pour un site web : l’export CSS fournit des variables prêtes à coller dans une feuille de style.
• Pour une présentation ou une charte : l’export PNG ou SVG donne une planche avec les codes de chaque couleur.
• Pour la partager : un lien reproduit la palette exacte chez votre client ou vos collègues.

Nos conseils de graphiste

• Désaturez avant d’ajouter. Une palette criarde se corrige mieux en baissant la saturation de deux couleurs qu’en en changeant une.
• Prévoyez un neutre. Un blanc cassé, un gris chaud ou un quasi-noir coloré fait respirer les autres couleurs.
• Testez en situation. Posez la palette sur un vrai visuel (affiche, post, page) avant de la valider : c’est là qu’on voit si l’accent ressort.
• Verrouillez et itérez. Gardez les deux couleurs qui vous plaisent et relancez le reste avec la barre d’espace jusqu’à trouver la bonne compagnie.

Une fois la palette trouvée, essayez-la en grand dans un fond grain ou un motif : notre guide des tailles d’images pour les réseaux sociaux vous aidera à choisir le bon format.