Choisissez vos couleurs sur le cercle chromatique
Touchez l’anneau pour choisir une teinte ou saisissez son angle dans le champ « Teinte ». Réglez la saturation et la luminosité, puis choisissez une couleur ou une harmonie. Copiez les codes HEX ou téléchargez-les sous forme de variables CSS.
L’anneau des teintes affiche une saturation maximale et une luminosité de 50 %. Les échantillons du résultat utilisent la saturation et la luminosité choisies. Le code sous chaque échantillon reste lisible, quelle que soit sa couleur.
Exemple
Une teinte de 0, une saturation de 100 % et une luminosité de 50 % donnent #FF0000. Le mode complémentaire ajoute la teinte 180, qui donne #00FFFF.
Avant d’utiliser le résultat
Ce cercle utilise HSL en sRGB et ne modélise pas le mélange de peintures. Une harmonie ne garantit pas un contraste lisible pour le texte. Vérifiez ensemble la couleur du texte et celle du fond avant d’utiliser une palette pour du texte.
Outils pour la même tâche
Comprendre le résultat
Mis à jour
Citer cette page
ToolOctopus. “Cercle chromatique.” Mis à jour 7 octobre 2026. https://tooloctopus.com/fr/cercle-chromatique.
Ajoutez une date de consultation si vos consignes l’exigent.
Les références sont mises en forme avec citeproc-js, de Frank Bennett, et les styles Citation Style Language. Licence et code source.