Générateur de Couleurs Triadiques
Générez un jeu de couleurs triadique équilibré à partir de n'importe quelle couleur de base.
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur.
Base
#3b82f6
+120°
#f63b82
+240°
#82f63b
Ce que fait cet outil
Génère un schéma de couleurs triadique — trois couleurs espacées de 120° sur le cercle chromatique — à partir de n'importe quelle couleur de base que vous saisissez, en utilisant une rotation de teinte en HSL tout en gardant la saturation et la luminosité constantes.
Mode d'emploi
Choisissez une couleur de base avec l'échantillon de couleur ou saisissez directement un code hexadécimal. Les trois échantillons se mettent à jour immédiatement ; cliquez sur l'icône de copie de n'importe quel échantillon pour copier sa valeur hexadécimale.
Exemple expliqué
La couleur de base par défaut #3b82f6 (un bleu avec une teinte ≈217°, une saturation ≈91 % et une luminosité ≈60 %) produit #f63b82 à +120° (un rose/rouge) et #82f63b à +240° (un vert) — trois teintes réparties uniformément autour du cercle, partageant la même saturation et luminosité que la base.
Formule
Chaque couleur d'accent est générée dans l'espace HSL : la teinte est décalée de +120° et +240° par rapport à la teinte de base, avec un rebouclage à 360°, tandis que la saturation et la luminosité restent exactement identiques à celles de la couleur de base. Le résultat est reconverti en hexadécimal pour l'affichage et la copie.
Pourquoi les schémas triadiques fonctionnent
Répartir trois teintes uniformément autour du cercle chromatique garantit un fort contraste visuel entre elles, sans que deux couleurs ne soient assez proches pour se heurter ou se confondre. C'est un contraste plus fort qu'un schéma complémentaire (à deux couleurs), c'est pourquoi de nombreux designers utilisent l'une des trois comme couleur dominante et les deux autres comme accents plus discrets, plutôt que de donner le même poids visuel aux trois.
Limites
Cet outil génère les couleurs uniquement par rotation pure de teinte — il ne vérifie pas les ratios de contraste pour l'accessibilité du texte (WCAG), ne suggère pas laquelle des trois devrait être dominante, et produit un résultat techniquement valide mais pas toujours visuellement agréable pour des couleurs de base à très faible saturation ou très sombres/claires, où la teinte devient perceptuellement moins significative.
Portée, sources et confidentialité
La théorie des couleurs triadiques est un modèle standard d'harmonie chromatique utilisé dans l'enseignement et la pratique du design. Les couleurs sont calculées entièrement dans votre navigateur grâce aux mathématiques de conversion RGB/HSL ; la couleur saisie n'est jamais envoyée.
Questions Fréquentes
- Qu'est-ce qu'un jeu de couleurs triadique ?
- Trois couleurs réparties uniformément sur le cercle chromatique, à 120° d'écart — il offre un fort contraste visuel tout en restant équilibré.
- Le triadique est-il plus vif que le complémentaire ?
- Cela peut être le cas, car il utilise trois teintes au lieu de deux — de nombreux designers choisissent une couleur dominante et utilisent les deux autres en accents pour ne pas surcharger le design.
- Combien de couleurs cela génère-t-il ?
- Trois, incluant votre couleur de base plus deux autres à +120° et +240°.
Outils Similaires
Générateur de Couleur Complémentaire
Trouvez la couleur complémentaire de n'importe quelle couleur hex.
Générateur de Couleurs Analogues
Générez un jeu de couleurs analogues harmonieux à partir de n'importe quelle couleur de base.
Générateur de Palette de Couleurs
Générez une palette aléatoire de 5 couleurs en un clic.