Comment utiliser le générateur de palettes de couleurs

Ce générateur de palettes de couleurs gratuit transforme une seule couleur de départ en une combinaison complète et harmonieuse grâce aux calculs classiques de la théorie des couleurs. Choisissez une couleur de base avec la roue, le curseur de teinte ou en saisissant un code hex, puis sélectionnez une règle d'harmonie pour voir instantanément un ensemble de couleurs assorties. Chaque échantillon peut être copié dans votre presse-papiers en un clic, prêt à être collé directement dans CSS, Tailwind, Figma ou n'importe quel outil de design.

• Choisissez une couleur de base — déplacez le point sur la roue chromatique, bougez le curseur de teinte, saisissez une valeur hex à six chiffres ou utilisez le sélecteur de couleur natif de la barre supérieure.
• Sélectionnez une règle d'harmonie — ouvrez le menu déroulant « Harmonie des couleurs » et choisissez la relation souhaitée (complémentaire, analogue, triadique et plus encore).
• Copiez vos couleurs — survolez un échantillon dans la bande de palette pour afficher son code hex, puis cliquez pour le copier.
• Vérifiez l'accessibilité — utilisez le vérificateur de contraste WCAG intégré ci-dessus pour confirmer que vos couleurs de texte et de fond sont lisibles.
• Explorez les variations — parcourez la grille « Toutes les palettes d'harmonie » pour comparer chaque règle appliquée à votre couleur de base, ou partez de l'une des palettes sélectionnées.

Les sept règles d'harmonie des couleurs

Les harmonies de couleurs décrivent la façon dont les teintes se rapportent les unes aux autres sur la roue chromatique. Chaque règle produit une ambiance et un niveau de contraste différents :

• Complémentaire — deux teintes directement opposées (à 180° l'une de l'autre). Contraste et énergie maximaux ; idéale pour les appels à l'action.
• Analogue — des teintes voisines (à environ 30° d'écart). Calme, cohérente et d'aspect naturel.
• Triadique — trois teintes réparties uniformément à 120° d'écart. Vive tout en restant équilibrée.
• Complémentaire divisée — une couleur de base plus les deux teintes encadrant sa complémentaire. Fort contraste avec moins de tension que la complémentaire pure.
• Tétradique — quatre teintes formant un rectangle sur la roue. Riche et variée ; fonctionne mieux avec une couleur dominante.
• Carrée — quatre teintes réparties uniformément à 90° d'écart. Audacieuse et équilibrée, avec un poids visuel égal.
• Monochromatique — une seule teinte à différentes valeurs de luminosité et de saturation. Élégante, épurée et facile à appliquer.

Vérifier le contraste des couleurs pour l'accessibilité

Une belle palette doit aussi rester lisible. Les Règles pour l'accessibilité des contenus Web (WCAG) définissent des ratios de contraste minimaux entre le texte et son fond : 4.5:1 pour le texte courant et 3:1 pour le grand texte afin d'atteindre le niveau AA, et 7:1 pour le niveau AAA plus strict. Le vérificateur de contraste de cette page calcule le ratio exact entre deux couleurs et indique si elles passent le niveau AA ou AAA, afin que vous puissiez ajuster votre palette avant sa mise en ligne.

Questions fréquentes

Le générateur de palettes de couleurs est-il gratuit ?

Oui. L'outil est entièrement gratuit, pour les projets personnels comme commerciaux, sans inscription requise.

Quels formats de couleur prend-il en charge ?

Vous pouvez saisir et copier les couleurs sous forme de codes hex, et chaque couleur générée est calculée à partir de ses valeurs HSL et RGB sous-jacentes.

Quelle règle d'harmonie choisir ?

Utilisez la complémentaire ou la complémentaire divisée pour des accents à fort impact, l'analogue ou la monochromatique pour des interfaces calmes et cohérentes, et la triadique ou la carrée lorsque vous avez besoin d'une combinaison plus riche et multicolore.