Générateur de palette de couleurs
Créer une palette harmonieuse à partir d’une couleur : complémentaire, analogue, triadique, tétradique, complémentaire adjacente ou monochrome, avec les codes HEX.
Essayer un autre outil
Une sélection pour compléter cet outilCe générateur crée des palettes harmonieuses à partir d’une seule couleur, selon les règles du cercle chromatique : complémentaire (la couleur opposée), analogue (les voisines), triadique (trois couleurs à 120°), tétradique (quatre couleurs en rectangle), complémentaire adjacente (les deux voisines de l’opposée) et monochrome (des nuances de la même teinte). Chaque couleur affiche son code HEX, prêt à copier dans une feuille de style, un logiciel de création ou une charte graphique.
Comment utiliser cet outil
- 01Choisir la couleur de baseSélectionnez une couleur ou saisissez son code HEX.
- 02Parcourir les harmoniesLes six palettes se calculent aussitôt à partir de la couleur de base.
- 03Copier les codesCopiez les codes HEX des couleurs retenues.
Dans quels cas est-ce utile ?
- Identité visuelleConstruire une palette de marque autour d’une couleur principale.
- Sites et applicationsChoisir des couleurs secondaires et d’accentuation cohérentes.
- Présentations et visuelsTrouver rapidement des couleurs qui s’accordent.
Exemples
- Une marque bleueÀ partir de #3B82F6, la complémentaire donne un orange chaud, idéal pour un bouton d’appel à l’action.
- Une ambiance douceLa palette analogue d’un vert sauge donne des tons voisins, calmes et cohérents.
- Une gamme de nuancesLa palette monochrome fournit des versions plus claires et plus foncées pour les fonds, bordures et textes.
Conseils pour un meilleur résultat
- La règle 60-30-10Une couleur dominante sur environ 60 % de la surface, une secondaire sur 30 % et une couleur d’accent sur 10 % donnent un ensemble équilibré.
- Vérifier le contrasteUne palette harmonieuse n’est pas forcément lisible : contrôlez le texte sur chaque fond avec le vérificateur de contraste.
- Peu de couleurs vivesGardez les couleurs les plus saturées pour les éléments à mettre en avant.
Le cercle chromatique
Les harmonies se calculent en faisant tourner la teinte de la couleur de base sur un cercle de 360° : 180° pour la complémentaire, 120° pour la triadique, 30° environ pour les analogues. La saturation et la luminosité restent proches de celles de départ.
Les six harmonies
Complémentaire : fort contraste. Analogue : douceur et cohérence. Triadique : équilibre vivant. Tétradique : richesse, à doser. Complémentaire adjacente : contraste plus nuancé. Monochrome : élégance et sobriété.
Confidentialité
Les couleurs se calculent dans le navigateur ; rien n’est envoyé ni enregistré.
Questions fréquentes
Comment créer une palette de couleurs ?
Choisissez une couleur de base : les palettes harmonieuses s’affichent avec leurs codes HEX.
Qu’est-ce qu’une couleur complémentaire ?
La couleur située à l’opposé sur le cercle chromatique, comme l’orange pour le bleu.
Quelle harmonie choisir ?
L’analogue pour une ambiance douce, la complémentaire pour faire ressortir un élément, la monochrome pour un style sobre.
Combien de couleurs dans une charte ?
Souvent deux ou trois couleurs principales, complétées par des neutres pour le texte et les fonds.
Les codes sont-ils compatibles avec le CSS ?
Oui, les codes HEX se collent directement dans une feuille de style.
Mes couleurs sont-elles enregistrées ?
Non. Les palettes générées restent dans votre navigateur.