Cercle chromatique en ligne

Qu’est-ce que le cercle chromatique ?

Le cercle chromatique est le schéma qui dispose les couleurs en cercle selon leur teinte, dans l’ordre où elles apparaissent dans la lumière visible — rouge, orange, jaune, vert, cyan, bleu, violet, magenta, puis retour au rouge. C’est l’outil de base pour construire une palette cohérente : au lieu de choisir des couleurs au hasard, on part d’une couleur et on regarde sa position sur le cercle pour trouver celles qui s’accordent avec elle, par contraste ou par proximité.

Cette roue reprend le principe avec une interface qu’on manipule directement. La teinte fait le tour du bord du disque et la saturation augmente du centre vers l’extérieur, si bien que le centre est gris et les bords donnent les couleurs les plus vives. Cliquez ou faites glisser n’importe où sur la roue pour définir la couleur de base : un repère suit votre curseur, et des repères plus petits indiquent aussitôt où tombent les autres couleurs de l’harmonie choisie.

Comment l’utiliser

1. Placez votre couleur de base. Cliquez ou faites glisser sur la roue chromatique, ou saisissez directement un code hex dans le champ prévu à cet effet — la roue se repositionne aussitôt dessus.
2. Réglez la luminosité. Le curseur sous la roue éclaircit ou assombrit toutes les couleurs du schéma en même temps, sans toucher aux teintes ni aux proportions entre elles.
3. Choisissez un schéma et récupérez les couleurs. Les boutons au-dessus de la palette basculent entre complémentaire, analogue, triadique, complémentaire divisée, carré et monochromatique. Chaque carte affiche l’échantillon, son code hex et sa valeur hsl() ; cliquez sur l’un ou l’autre pour le copier, ou utilisez « Tout copier » pour récupérer la palette entière en une liste de codes hex.

Les schémas de couleurs, un par un

Le complémentaire associe une couleur à son opposé exact sur le cercle : c’est le contraste maximal, utile pour un bouton d’appel à l’action ou un logo qui doit sauter aux yeux, mais aussi le plus délicat à doser sur de grandes surfaces. L’analogue prend au contraire trois teintes voisines, côte à côte sur le cercle — un choix naturel pour une ambiance calme et cohérente, comme un dégradé de bleus et de verts. Le triadique répartit trois couleurs à 120° les unes des autres : il garde une vivacité comparable à la complémentaire tout en restant plus équilibré, puisqu’aucune des trois teintes ne domine par un simple effet d’opposition.

La complémentaire divisée remplace l’opposé strict par les deux teintes qui l’encadrent, ce qui donne un contraste du même genre que la complémentaire mais en plus doux. Le carré place quatre couleurs à intervalles réguliers sur le cercle : une palette riche, à réserver aux cas où plusieurs couleurs doivent porter un poids visuel comparable, sous peine de vite devenir chargée. Le monochromatique enfin ne touche à aucune teinte : il décline la même couleur de base sur plusieurs luminosités, pour un système visuel sobre où toutes les nuances viennent d’une seule et même couleur.

Limites à connaître

Cette roue est une roue RVB/TSL, celle qui décrit la lumière d’un écran plutôt que le mélange de pigments : ici, la complémentaire du rouge est le cyan. Le cercle chromatique traditionnel enseigné en peinture est construit en RJB, où la complémentaire du rouge est le vert — aucun des deux modèles n’a tort, ils répondent simplement à deux questions différentes, et une palette construite ici est pensée pour un écran, pas pour un mélange de peintures.

La luminosité TSL n’est pas non plus la luminosité perçue par l’œil : hsl(60, 100%, 50%), un jaune, paraît nettement plus lumineux que hsl(240, 100%, 50%), un bleu, alors que la valeur de luminosité est rigoureusement identique — une harmonie mathématiquement juste peut donc sembler déséquilibrée à l’affichage, et corriger à l’œil ensuite est normal (des espaces plus récents comme OKLCH existent précisément pour ça). Les règles d’harmonie restent aussi des points de départ, pas des garanties : une triade parfaite sur le cercle peut mal rendre dans une maquette réelle, où la proportion compte autant que la teinte, d’où la règle classique d’une couleur dominante et des accents en plus petite quantité. Enfin la roue ne vérifie ni le contraste ni l’accessibilité — une paire complémentaire peut être illisible en texte sur fond, à vérifier séparément avant de publier —, le schéma monochromatique s’aplatit vers le blanc et le noir aux extrêmes en perdant sa couleur, et toutes les valeurs restent en sRVB, donc le rendu final dépend aussi du calibrage de votre écran.

Pourquoi est-ce gratuit ?

Cette roue chromatique tourne entièrement dans votre navigateur, sans compte à créer, sans filigrane sur les couleurs et sans version payante cachée derrière une fonctionnalité utile : cliquez, copiez vos codes hex, et repartez avec votre palette. FreeToGenerate.com fonctionne sur ce principe pour tous ses outils — gratuits pour de vrai, pas seulement en apparence.