Couleur complémentaire : comment la trouver sur le cercle chromatique
Un logo bleu, et sur le site un seul bouton qui doit sauter aux yeux : quelle teinte lui associer ? Beaucoup de dirigeants de petite entreprise se posent la question, puis butent sur une contradiction. Les tutoriels parlent de couleur complémentaire, mais tantôt le bleu appelle l’orange, tantôt le jaune. Cette divergence vient du modèle de couleurs utilisé, et elle pèse sur le choix d’une charte, d’un site ou d’une plaquette.
En bref
- La couleur complémentaire d’une teinte est celle qui lui fait face sur le cercle chromatique : en lumière (RVB), celle du bleu est le jaune, celle du rouge le cyan, celle du jaune le bleu ; sur le cercle traditionnel des peintres, le bleu s’oppose à l’orangé et le rouge au vert.
- Deux couleurs sont complémentaires lorsque leur synthèse additive donne du blanc ou que leur synthèse soustractive donne du noir.
- Posées côte à côte, deux complémentaires s’accentuent mutuellement : c’est le contraste simultané décrit par Chevreul en 1839.
- Avant de choisir, fixez le modèle de référence (écran ou cercle des peintres) et testez la paire sur une maquette réelle.
Qu’est-ce qu’une couleur complémentaire ?
Une couleur complémentaire est la couleur qui, associée à une autre, complète l’ensemble jusqu’au blanc en lumière ou jusqu’au noir en pigments. SchoolMouv la définit ainsi : deux couleurs sont complémentaires si leur synthèse additive, ou soustractive, donne du blanc, ou du noir. Sur un cercle chromatique, elles sont diamétralement opposées.
L’idée est ancienne. Goethe appelait ces couleurs « completing colors », des couleurs qui complètent. Chevreul, chimiste français, en a tiré en 1839 une loi expérimentale, présentée plus bas.
Pourquoi la couleur complémentaire change-t-elle selon le modèle de couleurs ?
Elle change parce que les modèles ne partent pas des mêmes couleurs de base : le cercle n’est donc pas dessiné dans le même ordre. Trois repères coexistent, et il faut savoir dans lequel on travaille.
- Synthèse additive (RVB) : on superpose des faisceaux de lumière. Les primaires sont le rouge, le vert et le bleu. C’est le monde des écrans, donc de votre site et de vos réseaux sociaux.
- Synthèse soustractive (CMJN) : on superpose des filtres ou des pigments. Les primaires sont le cyan, le magenta et le jaune. C’est le monde de l’impression : cartes de visite, plaquettes, affiches.
- Cercle traditionnel des peintres : Chevreul y associe le rouge au vert, le bleu à l’orangé, et le violet à un jaune verdâtre.
Pour les deux synthèses, la règle de SchoolMouv donne les mêmes paires. Il suffit de partir des primaires additives : le cyan est du vert plus du bleu, donc le rouge, qui lui manque, forme avec lui du blanc. Rouge et cyan sont complémentaires. Le même raisonnement donne vert et magenta, bleu et jaune, paires que Kartable cite pour les deux synthèses. Le tableau les compare au cercle des peintres.
| Couleur | Complémentaire en RVB et en CMJN | Complémentaire sur le cercle des peintres |
|---|---|---|
| Rouge | Cyan | Vert |
| Vert | Magenta | Rouge |
| Bleu | Jaune | Orangé |
| Jaune | Bleu | Violet (Chevreul l’associe à un jaune verdâtre) |
Quand un graphiste parle de « bleu et orange », il raisonne donc en peintre ; quand il parle de « bleu et jaune », il raisonne en lumière. Aucun des deux n’a tort : ils n’utilisent pas la même roue.
Quelle est la couleur complémentaire du bleu, du rouge et du jaune ?
En lumière, la couleur complémentaire du bleu est le jaune, celle du rouge est le cyan et celle du jaune est le bleu. Sur le cercle des peintres, le bleu s’oppose à l’orangé et le rouge au vert. Pour la communication d’une entreprise, le choix dépend du support.
| Votre couleur de départ | Support écran (RVB) | Cercle des peintres |
|---|---|---|
| Bleu de logo | Jaune pour un bouton ou un titre | Orangé pour une accroche ou un pictogramme |
| Rouge d’enseigne | Cyan pour un détail | Vert pour un détail ou un fond de visuel |
| Jaune de marque | Bleu pour le texte ou les liens | Violet pour un contraste marqué |
Ces associations sont des points de départ, pas des obligations : la nuance exacte (bleu nuit ou bleu ciel, jaune pâle ou safran) change fortement le résultat. Une fois la paire choisie, la charte graphique en fixe les codes ; voyez l’article sur la charte graphique.
Comment trouver la couleur complémentaire sur le cercle chromatique ?
Il suffit de repérer votre couleur sur le cercle, puis de lire la position exactement opposée, de l’autre côté du centre. L’outil Adobe Color propose cette lecture : sa roue chromatique permet de choisir une règle d’harmonie, dont « Complémentaire ». Le Blog du Modérateur le présentait en 2019 comme un outil de création de palette à partir d’une couleur ou d’une image.
- Ouvrez la roue chromatique d’Adobe Color et choisissez la règle d’harmonie « Complémentaire ».
- Placez le repère principal sur la teinte de votre logo.
- Lisez la couleur affichée à l’opposé : c’est la complémentaire sur la roue de l’outil.
- Comparez avec le tableau ci-dessus si la paire est destinée à l’impression, car la roue d’un outil n’est pas forcément celle de vos encres.
- Testez la paire sur une maquette réelle : un bouton, un titre, un fond de plaquette.
Sur papier, un cercle imprimé ou un nuancier fait le même travail : vous cherchez la case opposée à la vôtre.
Quelles autres harmonies existent à côté de la couleur complémentaire ?
Adobe Color en propose neuf : personnalisé, analogue, complémentaire, complémentaire divisé, triade, carré, composé, nuances et monochromatique. Chacune se décrit par la position des couleurs sur la roue.
| Harmonie | Position sur le cercle | Effet recherché en communication |
|---|---|---|
| Analogue | Couleurs voisines | Ensemble cohérent, peu contrasté |
| Complémentaire | Deux couleurs opposées | Contraste net, accent visible |
| Complémentaire divisé | Une couleur et les deux voisines de sa complémentaire | Contraste plus souple qu’une paire stricte |
| Triade | Trois couleurs à égale distance | Palette variée |
| Carré | Quatre couleurs à égale distance | Palette riche, plus délicate à équilibrer |
| Monochromatique | Une seule teinte, plusieurs luminosités | Identité sobre |
Pour une petite structure, la formule la plus simple associe une couleur de marque, un neutre et une complémentaire en accent. Ce que chaque teinte évoque aux yeux du public est traité dans l’article sur la psychologie des couleurs.
Que change le contraste simultané pour un logo, un site ou un support ?
Il modifie la manière dont chaque couleur est perçue dès qu’elle en touche une autre. Chevreul l’énonce au chapitre II de son traité : lorsque deux couleurs contiguës sont vues en même temps, elles paraissent aussi dissemblables que possible. Il a donné à ce phénomène le nom de contraste simultané.
La conséquence pratique est qu’une paire de complémentaires accolée, comme un texte sur un fond ou un pictogramme dans un aplat, est perçue comme très contrastée. Une teinte proche de sa voisine, au contraire, se fond avec elle.
- Logo : limitez la paire à deux éléments et vérifiez la version en une seule couleur.
- Site : réservez la couleur d’action (bouton, lien) à l’opposé de la teinte dominante.
- Supports imprimés : testez la paire sur le papier choisi avant le tirage, car le rendu d’une encre diffère de celui d’un écran.
Pour décider de la teinte dominante elle-même, consultez l’article sur l’identité de marque.
Questions fréquentes
Chevreul a-t-il inventé les couleurs complémentaires ?
Non. WebExhibits attribue à Goethe l’identification de ces couleurs. Chevreul, engagé par la manufacture des Gobelins pour étudier la décoloration des fils de ses tapisseries, a montré en 1839 que celle-ci venait en réalité du contraste simultané entre fils voisins.
Le noir et le blanc sont-ils complémentaires ?
Oui, WebExhibits cite le noir et le blanc comme exemple de couleurs complémentaires, avec le rouge et le vert. Ce sont des complémentaires de luminosité plutôt que de teinte, ce qui explique leur usage pour la lisibilité d’un texte plus que pour créer un accent.
Quelle est la couleur complémentaire du vert ?
En lumière, c’est le magenta ; sur le cercle des peintres, c’est le rouge. Le choix dépend donc du support : un magenta se destine plutôt à l’écran, un rouge à un visuel conçu selon la logique de la peinture.
Qu’est-ce que le contraste successif ?
C’est le complément du contraste simultané, mais décalé dans le temps. WebExhibits rattache les deux phénomènes à une même base neurophysiologique, la fatigue rétinienne. Il concerne surtout la lecture prolongée d’un aplat très saturé, puis le regard porté sur une autre surface.
Peut-on mélanger plusieurs harmonies dans une même charte ?
Oui. Adobe Color propose des harmonies plus ouvertes, comme le complémentaire divisé ou le composé, qui gardent l’idée de contraste tout en multipliant les teintes. Dans une petite entreprise, la difficulté est surtout de tenir ces teintes sur tous les supports, d’où l’intérêt de les consigner dans la charte.
Sources
Sources consultées le 24 octobre 2026, présentées sans liens cliquables.
- SchoolMouv, « Couleurs complémentaires », cours de physique-chimie, 2026. https://www.schoolmouv.fr/cours/couleurs-complementaires/
- SchoolMouv, « Fiche de révision Couleurs », physique-chimie, 2026. https://www.schoolmouv.fr/cours/couleurs/fiche-de-revision
- WebExhibits, « Goethe and Chevreul: Simultaneous Contrast ». https://www.webexhibits.org/colorart/simultaneous.html
- Chevreul (M. E.), De la loi du contraste simultané des couleurs, 1839, lu dans la traduction de John Spanton, « The laws of contrast of colour and their application to the arts of painting », Routledge, Warne and Routledge, Londres, 1861. https://www.gutenberg.org/cache/epub/76939/pg76939.txt
- Kartable, « Les couleurs », physique-chimie. https://kartable.fr/ressources/physique-chimie/cours/les-couleurs-4/51302
- Adobe, « Adobe Color, roue chromatique ». https://color.adobe.com/fr/create/color-wheel
- Blog du Modérateur, « Adobe Color : un outil pour créer une palette de couleurs facilement et trouver de l’inspiration », 13 mai 2019. https://www.blogdumoderateur.com/adobe-color-palette-couleurs/
