Générateur de couleurs triadiques

Il renvoie trois couleurs sous forme de codes hexadécimaux minuscules de six chiffres. La couleur 1 est votre couleur de base, la couleur 2 est obtenue en faisant pivoter la teinte de 120 degrés et la couleur 3 en la faisant pivoter de 240 degrés.

L’outil convertit votre code hexadécimal en HSL, ajoute 120 et 240 degrés à la teinte et ramène le résultat dans une plage de 360 degrés. La saturation et la luminosité restent identiques ; les trois couleurs partagent donc la luminosité et l’intensité de la couleur de base.

Pour #ff0000, l’outil renvoie #ff0000, #00ff00 et #0000ff, les trois couleurs primaires RGB. Cela montre que l’outil utilise le cercle chromatique HSL fondé sur les couleurs des écrans, plutôt que le cercle rouge, jaune et bleu de la peinture traditionnelle.

Saisissez un code hexadécimal de 3 ou 6 chiffres, avec ou sans le #, par exemple #3366cc ou 36c. Les notations RGB et HSL ainsi que les noms de couleurs ne sont pas acceptés ; convertissez-les d’abord en hexadécimal.

Le calcul utilise des valeurs entières de teinte, de saturation et de luminosité ; convertir la couleur de base en HSL puis la reconvertir peut donc faire varier un canal d’une unité. Par exemple, #ff5733 devient #ff5833, et les deux autres couleurs sont #33ff58 et #5833ff.

Faites dominer une couleur et utilisez les deux autres comme accents, par exemple en répartissant la surface selon les proportions 60, 30 et 10 pour cent. Une couleur de base moins saturée ou plus sombre donne une triade plus douce, car les trois couleurs en héritent la saturation et la luminosité.

Les couleurs neutres n’ont aucune saturation : faire pivoter leur teinte renvoie donc trois fois le même gris. Choisissez une couleur de base un peu saturée pour obtenir trois couleurs distinctes.

Une harmonie triadique comprend trois couleurs séparées de 120 degrés, tandis qu’une harmonie tétradique en comprend quatre, séparées de 90 degrés. Les triades sont généralement plus faciles à équilibrer ; utilisez le générateur de couleurs tétradiques si vous avez besoin d’une quatrième teinte.

Non, il calcule uniquement les couleurs. Comme les trois couleurs ont la même luminosité que la couleur de base, leur contraste mutuel peut être faible. Vérifiez donc les combinaisons de texte et d’arrière-plan avec un outil de vérification du contraste.

Oui. Cet outil effectue exactement le même calcul que l’option triadique du générateur de palettes de couleurs. Pour une même couleur de base, les deux renvoient donc des codes hexadécimaux identiques.