Générateur de palettes de couleurs

Qu'est-ce qu'une palette de couleurs ?

Une palette de couleurs est un ensemble de couleurs choisies pour fonctionner ensemble dans un design, une marque, une interface utilisateur ou une œuvre d'art. Les palettes bien conçues respectent des principes d'harmonie chromatique pour créer un effet visuel cohérent et agréable.

Choisir une palette est l'une des décisions de design les plus importantes — elle influence l'identité visuelle, la lisibilité, l'émotion et l'accessibilité. Cet outil aide à générer des palettes harmonieuses à partir d'une couleur de base en appliquant des règles classiques (complémentaire, triadique, analogique).

Comment utiliser cet outil

Sélectionnez une couleur de base, puis choisissez un schéma d'harmonie (complémentaire, triadique, tétradique, analogique, monochromatique). L'outil génère instantanément une palette équilibrée. Vous pouvez copier les valeurs HEX, RGB ou HSL pour chaque couleur.

Types d'harmonies de couleurs

• Complémentaires — deux couleurs opposées sur le cercle chromatique. Contraste élevé, énergique. Exemple : bleu et orange.
• Analogues — trois couleurs adjacentes sur la roue chromatique. Calmes, cohérentes. Exemple : bleu, bleu-vert, vert.
• Triadique — trois couleurs équidistantes (séparées de 120 degrés). Équilibrée et vibrante. Exemple : rouge, jaune, bleu.
• Complémentaire divisée — une couleur de base plus deux couleurs adjacentes à sa complémentaire. Un contraste avec moins de tension que la complémentaire.

Couleur et accessibilité

Lors de la conception d'interfaces numériques, assurez un contraste suffisant entre le texte et le fond (les WCAG exigent un ratio minimum de 4,5:1 pour le texte normal). Évitez de transmettre l'information par la couleur seule — environ 8 % des hommes présentent une forme de déficience de la vision des couleurs. Testez votre palette avec un simulateur de daltonisme. Cet outil peut afficher les ratios de contraste entre les couleurs générées.

Exemple concret

Partez d'un bleu de marque en HSL(220, 80 %, 55 %). Un accent complémentaire se place à l'opposé sur la roue, à la teinte 40, un ambre chaud. Pour un schéma triadique, tournez deux fois de 120 degrés vers la teinte 340 et la teinte 100. Garder la saturation et la luminosité constantes en ne tournant que la teinte donne des couleurs qui semblent liées et équilibrées plutôt qu'aléatoires.

Erreurs courantes

L'erreur la plus courante est de juger le contraste à la seule teinte ; un jaune vif et du blanc peuvent sembler distincts tout en échouant au contraste WCAG pour le texte. Vérifiez toujours le rapport de contraste, pas seulement les couleurs. Une autre est d'utiliser trop de couleurs d'accent fortes, ce qui fragmente un design — la plupart des palettes fonctionnent mieux avec une couleur dominante, une secondaire et un seul accent.

Questions fréquentes

Comment trouver l'inspiration pour une palette ?

Observez la nature, les œuvres d'art, les photos qui vous parlent. Des outils comme Coolors, Adobe Color et Color Hunt offrent des milliers de palettes prêtes. Vous pouvez aussi extraire les couleurs dominantes d'une image inspirante.

Une palette de marque doit-elle être figée ?

La cohérence est importante, mais une charte graphique solide définit aussi des couleurs secondaires et des nuances pour différents usages (sites web, packaging, vidéo). Documentez les valeurs exactes en HEX et CMYK pour la cohérence cross-media.

Qu'est-ce que la règle 60-30-10 en design de couleur ?

C'est une règle pour équilibrer une palette : environ 60 % d'un design utilise une couleur dominante (souvent un neutre), 30 % une couleur secondaire et 10 % un accent pour les points forts et les appels à l'action. Les proportions gardent une mise en page cohérente tout en donnant à l'accent assez de contraste pour attirer l'œil.