Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Roue chromatique interactive – Trouvez des harmonies de couleurs correspondantes

Trouvez des schémas de couleurs complémentaires, analogues, triadiques, tétradiques et carrés. Ajustez HEX, la saturation et la luminosité, puis copiez les couleurs correspondantes gratuitement et sans compte.

Faites glisser pour choisir une couleur de base — copiez les codes hexadécimaux de toutes les harmonies classiques.

Couleur HEX / CSS
Harmonie

Les harmonies de la roue chromatique expliquées

Complémentaire

Les couleurs complémentaires se situent aux extrémités opposées de la roue chromatique — bleu et orange, rouge et vert. Elles créent le contraste et le dynamisme les plus forts qui soient, ce qui rend les designs énergiques et fait ressortir les appels à l'action. Utilisez une couleur comme dominante et sa complémentaire avec parcimonie comme accent, afin d'éviter toute tension visuelle.

Complémentaire divisée

Le complémentaire divisé associe une couleur de base aux deux couleurs voisines de son complément. Vous conservez le fort contraste d'un schéma complémentaire tout en adoucissant la tension, ce qui le rend beaucoup plus difficile à rater. C'est un excellent schéma pour débuter : une teinte dominante, deux accents secondaires, et un résultat naturellement équilibré.

Analogue

Les schémas analogues utilisent trois couleurs voisines sur la roue, comme le jaune, le jaune-vert et le vert. Ces teintes voisines partageant une même sous-tonalité, le résultat paraît serein, harmonieux et naturel — pensez aux couchers de soleil et aux forêts. Choisissez une couleur dominante, utilisez les voisines en soutien, et ajoutez une couleur neutre pour le contraste.

Triadique

Un schéma triadique choisit trois couleurs espacées de façon égale à 120 degrés, comme le rouge, le jaune et le bleu. Il reste vibrant même avec des versions pâles ou atténuées, et demeure équilibré car aucune teinte ne domine par proximité. Laissez une couleur mener le jeu et réservez les deux autres pour les touches et les accents.

Tétradique (rectangle)

Les schémas tétradiques (rectangle) utilisent quatre couleurs organisées en deux paires complémentaires, espacées de 60 degrés. Ils offrent la plus grande variété parmi les harmonies classiques, mais sont aussi les plus difficiles à équilibrer — choisissez une couleur dominante, atténuez les autres, et surveillez attentivement le ratio de teintes chaudes et froides.

Carré

Un schéma carré répartit quatre couleurs de façon égale, à 90 degrés d'écart sur la roue. Comme le schéma tétradique, il associe deux duos complémentaires, mais l'espacement régulier donne un équilibre plus tonique et ludique entre chaud et froid. Il fonctionne mieux lorsqu'une couleur domine clairement et que les autres apparaissent en petites touches.

Ce que vous pouvez faire avec Roue chromatique

Passez en revue les principales fonctionnalités avant de commencer.

  • Explorez les harmonies de couleurs complémentaires et analogues
  • Trouvez des harmonies triadiques, tétradiques et carrées
  • Copiez les codes hex de chaque couleur correspondante
  • Ajustez la saturation et la luminosité en temps réel
  • Choisissez une couleur de base pour votre palette

Référence des paramètres

Contrôles disponibles pour Roue chromatique.

Possibilités

Couleur de base (teinte et saturation)Sélecteur de couleur
Faites glisser n'importe où sur la roue interactive pour choisir votre couleur de départ : l'angle définit la teinte et la distance au centre définit la saturation.
Couleur HEX / CSSSaisie de texte
Saisissez ou collez un code HEX, une valeur rgb(), hsl() ou un nom de couleur CSS pour amener directement la roue sur une couleur précise que vous avez déjà.
SaturationCurseurPlage: 0–100% · Par défaut: 91%
Ajuste l'intensité de la couleur de base, du gris total à 0 % jusqu'à la version la plus pure et la plus vive de la teinte à 100 %.
LuminositéCurseurPlage: 0–100% · Par défaut: 60%
Contrôle la clarté de la couleur de base, du noir à 0% à la teinte pure puis au blanc à 100% ; toutes les harmonies se mettent à jour en conséquence.
HarmoniePréréglages
Choisit quelle relation classique du cercle chromatique mettre en évidence sur la roue, en plaçant des repères sur les couleurs associées pour vous montrer comment l'harmonie est construite.Possibilités: ComplémentaireComplémentaire diviséeAnalogueTriadiqueTétradique (rectangle)Carré
Utilisation gratuite · Aucune inscription requise · Sans filigraneLes téléchargements sont cryptés pendant le transitSupprimé en vertu de notre politique de rétention

Foire aux questions

Comment Roue chromatique vous aide à mener à bien vos tâches

De vrais problèmes qu'il résout chaque jour, pour les entreprises, les créateurs et les tâches quotidiennes. Trouvez le cas d’utilisation qui vous convient et lancez-vous.

Formation

Apprenez la théorie des couleurs

Découvrez toutes les harmonies classiques calculées en direct à partir d'une couleur de base de votre choix, avec une explication simple de quand et pourquoi chaque combinaison fonctionne.

Pour les créateurs

Choisissez les couleurs d'accent de votre site web

Entrez le code hexadécimal de votre marque dans la roue et utilisez les schémas complémentaires divisés ou triadiques pour trouver des couleurs d'accent qui contrastent sans jurer.

Pour les créateurs

Prévisualisez les palettes sur une véritable interface

Chaque harmonie est appliquée à une petite carte d'exemple — en-tête, corps, bouton et points — pour que vous puissiez juger les combinaisons en contexte plutôt que comme de simples nuanciers abstraits.

Pour les créateurs

Palettes pour l'art et l'illustration

Utilisez des harmonies analogues pour des scènes naturelles et sereines, et des harmonies complémentaires pour des points focaux dramatiques, en copiant les codes hexadécimaux exacts dans votre logiciel de peinture.

Voyez chaque transformation prendre forme

Chaque photo franchit la séparation intacte et ressort finalisée.