À propos de cet outil
Les harmonies de couleurs sont des relations de teintes tirées directement de la roue chromatique : la complémentaire associe deux teintes opposées pour un contraste maximal, l’analogue regroupe trois teintes voisines pour une sensation calme et cohérente, la triadique espace trois teintes de façon égale pour un rendu vif mais équilibré, la tétradique espace quatre teintes de façon égale pour une palette riche plus délicate à équilibrer, et la complémentaire divisée remplace l’unique vrai complément par les deux teintes qui l’entourent — l’essentiel du contraste d’un schéma complémentaire avec moins de tension visuelle.
Choisissez une couleur de base, sélectionnez un schéma, et cet outil calcule toutes les autres teintes avec la même saturation et la même luminosité pour que l’ensemble se lise comme une seule famille. Chaque pastille affiche sa valeur hsl() exacte et la copie dans le presse-papiers au clic — collez-la directement dans votre CSS. Tout s’exécute localement dans votre navigateur ; rien n’est envoyé, et votre couleur de base ainsi que le dernier schéma utilisé sont mémorisés pour la prochaine fois.
Questions fréquentes
Quel schéma d'harmonie utiliser pour un site web ?
Les schémas analogues ont tendance à paraître calmes et cohérents pour les sites de contenu, tandis que les schémas complémentaires ou complémentaires divisés créent un contraste plus fort pour les appels à l'action — essayez-en plusieurs pour voir ce qui convient à votre marque.
Cela tient-il compte de l'accessibilité/du contraste des couleurs ?
Non — les schémas sont du pur calcul de teinte, sans vérification de contraste. Vérifiez toujours séparément les paires texte/arrière-plan par rapport aux ratios de contraste WCAG avant la mise en production.