Générateur de couleurs triadiques en ligne
Générez un schéma triadique de 3 couleurs à partir d'une base. Choisissez une couleur, obtenez les teintes à 120° et 240°. Exemple : #FF0000 donne #FF0000, #…
Commencer
Qu'est-ce qu'un schéma triadique ?
Un schéma triadique utilise trois couleurs également espacées sur le cercle chromatique (à 120° l'une de l'autre). Cet outil génère ces trois couleurs à partir d'une couleur de base que vous choisissez. Par exemple, avec la base #FF0000 (rouge), les couleurs générées sont #FF0000, #00FF00 (vert) et #0000FF (bleu).
Comment utiliser l'outil
Sélectionnez une couleur de base via le sélecteur ou les champs avancés (HEX, RVB, TSV, TSL). Cliquez sur le bouton de génération pour obtenir les trois couleurs. Chaque couleur est affichée dans un panneau avec sa valeur HEX. Vous pouvez modifier chaque panneau individuellement, mais cela peut casser la relation triadique.
Exemple concret
Si vous choisissez la base #3B82F6 (bleu), l'outil génère trois couleurs : #3B82F6, une couleur à 120° (par exemple un vert) et une à 240° (par exemple un orange). Les valeurs exactes dépendent de l'arrondi des composantes TSL.
Limites à connaître
- L'espacement égal des teintes ne garantit pas un contraste ou une luminosité perçue équivalente.
- Les modifications manuelles d'un panneau ne recalculent pas les autres, ce qui peut rompre l'harmonie triadique.
- L'outil ne fournit pas de score de contraste ni de suggestion de texte accessible.
FAQ
Puis-je choisir le nombre de couleurs ou l'angle ?
Non, l'outil génère toujours trois couleurs à 120° d'écart. Il n'y a pas de sélecteur d'angle ou de nombre de couleurs.
Comment les couleurs sont-elles calculées ?
L'outil prend la teinte de la couleur de base et ajoute 120° et 240° pour obtenir les deux autres teintes. La saturation et la luminosité sont conservées (avec arrondi entier).
Puis-je modifier une couleur après génération ?
Oui, chaque panneau est modifiable indépendamment. Cependant, la modification d'un panneau ne met pas à jour les autres, donc la relation triadique peut être perdue.
Le traitement s’effectue localement dans votre navigateur.