Quelles couleurs vont bien avec ma couleur principale ?
Générateur d'harmonie de couleurs : règles classiques de théorie des couleurs : complémentaire, triadique, analogue, complémentaire scindée, tétradique, carrée, monochromatique.
Choisis une couleur de base et une harmonie : l'outil calcule le reste sur la roue chromatique OKLCH (perceptuellement uniforme, contrairement à une roue RGB traditionnelle).
Parfait pour les palettes de marque, l'illustration, les sets d'icônes, les infographies. Tout en local.
Comment l'utiliser
- Choisis une couleur de base (HEX, picker natif, pipette d'écran).
- Choisis un type d'harmonie : complémentaire (2 couleurs opposées), analogue (3 voisines), triadique (3 à 120°), complémentaire scindée (1 + 2 voisines de la complémentaire), tétradique (4 irrégulières), carrée (4 espacées régulièrement), monochromatique (1 teinte, 5 niveaux de lightness).
- La roue à droite montre la roue chromatique OKLCH avec des marqueurs aux positions d'harmonie.
- « Échantillons de palette » : clique pour copier le HEX. Le tableau « Détails » = HEX + RGB + HSL.
- Variables CSS en bas : prêtes à déposer.
Quand c'est utile
Là où l'harmonie de couleurs brille, scénarios typiques :
- Palette de marque : pars d'une couleur de marque, les harmonies suggèrent des accents. Complémentaire = énergie (chaud + froid). Analogue = ambiance calme. Triadique = dynamique mais équilibré.
- Design de logo : la plupart des logos utilisent 1 à 3 couleurs : l'harmonie garantit qu'elles vont bien ensemble.
- Graphiques / infographies : triadique ou complémentaire scindée donne 3-4 couleurs distinctes pour des séries de données.
- Design web : hero + accent (complémentaire) + texte neutre. Vérifie la paire texte/fond dans le vérificateur de contraste avant de figer.
- Pédagogie : vois les règles classiques de théorie des couleurs sur un exemple live.
Questions et réponses
Les roues chromatiques RGB / HSL traditionnelles ont un espacement perceptuel inégal. Complémentaire en HSL (180°) du rouge donne du cyan, mais le cyan paraît « plus loin » perceptuellement que ce que HSL prédit. OKLCH a un espacement perceptuel égal : « 180° en OKLCH » est vraiment la complémentarité perçue. Résultat : des palettes plus harmonieuses.