# Couleurs triadiques et palettes complémentaires adjacentes

[Canonical HTML page](https://gradiently.design/fr/guide/triadic-colors)

Trois couleurs régulièrement espacées peuvent rendre une palette à la fois audacieuse et équilibrée, ou lui donner l’air d’un coffre à jouets. Tout se joue presque uniquement sur la couleur qui mène.

## The short version

- Les couleurs triadiques sont trois teintes réparties régulièrement sur le cercle chromatique, à un tiers de cercle l’une de l’autre, comme le rouge, le jaune et le bleu sur le cercle du peintre.
- Une palette triadique fonctionne quand une couleur domine, qu’une deuxième la soutient et que la troisième sert de petit accent.
- Adoucir deux des trois couleurs est le moyen le plus rapide de donner à une palette triadique un air adulte.
- Une palette complémentaire adjacente utilise une teinte et les deux teintes situées de part et d’autre de son opposée : le contraste est fort, avec moins de tension.
- Les couleurs triadiques s’utilisent en général mieux en zones séparées que fondues ensemble dans un seul dégradé.

Les **couleurs triadiques** sont trois teintes réparties régulièrement sur le cercle chromatique, chacune à un tiers de cercle des autres. Sur le cercle du peintre, le rouge, le jaune et le bleu forment une triade, tout comme l’orange, le vert et le violet. Comme les trois sont à égale distance, aucune ne domine les autres par sa seule position : les palettes triadiques paraissent vives et équilibrées. C’est aussi ce qui les rend faciles à pousser trop loin.

Ce guide présente les triades, la règle qui leur évite l’effet coffre à jouets, et le schéma complémentaire adjacent, un proche parent plus facile à maîtriser. Le guide du [cercle chromatique](https://gradiently.design/fr/guide/color-wheel) explique les deux types de cercle évoqués plus bas.

## Les harmonies triadiques sur le cercle

| Triade | Cercle | Caractère |
| --- | --- | --- |
| Rouge, jaune, bleu | Du peintre (primaires) | Audacieux, graphique, familier |
| Orange, vert, violet | Du peintre (secondaires) | Terrien, inhabituel, riche |
| Rouge orangé, jaune-vert, bleu-violet | Du peintre (tertiaires) | Moderne, moins attendu |
| Rouge, vert, bleu | Écran (RVB) | Technique, criard à pleine intensité |
| Cyan, magenta, jaune | Écran (RVB) | Esprit imprimé, ludique |

Triades courantes. Faites tourner le triangle n’importe où sur le cercle pour en trouver d’autres.

- Marine (bleu): #1e3a8a
- Moutarde (jaune): #d4a017
- Brique (rouge): #b91c1c
- Olive (vert): #4d7c0f
- Prune (violet): #6b21a8
- Orange brûlé: #c2410c

La triade primaire et la triade secondaire, chacune assombrie par rapport à la pleine saturation pour mieux cohabiter.

## La règle de dominance : une couleur mène

Trois couleurs vives en quantités égales se disputent l’attention et font enfantin. La solution est de les hiérarchiser. Une couleur couvre l’essentiel de la création, une deuxième la soutient, et la troisième n’apparaît que là où vous voulez que le regard se pose. Une répartition 60, 30 et 10 est un bon point de départ, comme dans la [règle du 60-30-10](https://gradiently.design/fr/guide/60-30-10-rule).

- Tiers égaux : concurrence: `linear-gradient(90deg, #b91c1c 0% 33.3%, #d4a017 33.3% 66.6%, #1e3a8a 66.6% 100%)`
- 60, 30, 10 : le marine mène: `linear-gradient(90deg, #1e3a8a 0% 60%, #d4a017 60% 90%, #b91c1c 90% 100%)`
- 60, 30, 10 : l’olive mène: `linear-gradient(90deg, #4d7c0f 0% 60%, #6b21a8 60% 90%, #c2410c 90% 100%)`

Le même type de triade dans des proportions différentes. Hiérarchiser les couleurs transforme le bruit en palette.

Quelle couleur doit mener ? En général la plus sombre ou la moins saturée, car de grandes surfaces d’une couleur vive fatiguent. Gardez la plus vive pour l’accent. Si la couleur de votre marque fait partie de la triade, c’est souvent elle qui mène naturellement.

## Adoucir une triade

Le second outil est la saturation. Gardez une couleur intense et tirez les deux autres vers le gris, plus sombre ou plus clair. La structure de la triade survit, la palette paraît donc toujours équilibrée, mais elle perd son éclat d’école primaire. Beaucoup de palettes éditoriales ou patrimoniales sont des triades déguisées : marine, ocre et brique, ou olive, prune et rouille.

- Marine encre: #1f2a44
- Avoine: #e9dcc3
- Ocre: #b98b2e
- Brique: #9b3d33

Une triade primaire adoucie avec un neutre chaud. Elle se lit comme éditoriale plutôt que ludique.

## Où les palettes triadiques fonctionnent

Les triades conviennent aux marques et aux projets qui veulent paraître énergiques, inclusifs ou ludiques sans avoir l’air aléatoires : éducation des enfants, jeux, festivals, alimentation et projets associatifs. Elles sont aussi utiles pour les systèmes qui ont besoin de trois catégories bien distinctes, comme trois gammes de produits, trois niveaux de cours ou trois types d’événements, car chaque couleur est aussi loin que possible des deux autres.

- **Trois catégories :** donnez à chacune sa couleur de la triade et gardez des mises en page identiques, pour que la couleur fasse le tri.
- **Une marque, une couleur principale :** utilisez la couleur principale partout et faites intervenir les deux autres dans les illustrations, les graphiques et les mises en avant.
- **Affiches et emballages :** une triade adoucie sur un neutre chaud donne un air imprimé, milieu de siècle. Prévoyez les couleurs pour l’encre ; voir [imprimer des dégradés](https://gradiently.design/fr/guide/print-gradients).
- **Interfaces :** réservez la triade aux statuts et aux illustrations et laissez les neutres porter les écrans, sinon chaque page paraîtra criarde.

## Les couleurs complémentaires adjacentes

Un schéma complémentaire adjacent part d’une teinte et, au lieu de son opposée directe, utilise les deux teintes situées de part et d’autre de cette opposée. Vous gardez l’essentiel du contraste d’une [paire complémentaire](https://gradiently.design/fr/guide/complementary-colors) sans le choc frontal, et vous gagnez une troisième couleur. C’est l’un des schémas les plus indulgents pour débuter.

- Base : violet: #5b21b6
- Adjacente : citron vert: #a3e635
- Adjacente : ambre: #f59e0b
- Neutre : blanc lilas: #f5f3ff

L’opposé du violet sur le cercle du peintre est le jaune. Le schéma adjacent utilise les couleurs de part et d’autre, le citron vert et l’ambre.

- **Couleur de base :** la principale, utilisée sur l’essentiel de la création.
- **Première couleur adjacente :** le soutien, sur de plus petites surfaces ou dans une version plus discrète.
- **Seconde couleur adjacente :** l’accent, utilisé avec parcimonie.
- **Neutre :** un presque blanc ou un presque noir pour tenir l’ensemble.

## Les couleurs triadiques dans les dégradés

Fondre les trois couleurs d’une triade dans un seul dégradé oblige le mélange à traverser toutes les teintes intermédiaires, et au moins une transition devient en général terne. Les triades fonctionnent mieux en zones séparées, ou en dégradé de deux couleurs avec la troisième gardée comme accent.

- Trois fondues : seconde moitié terne: `linear-gradient(90deg, #b91c1c 0%, #d4a017 50%, #1e3a8a 100%)`
- Du marine à la brique, via la prune: `linear-gradient(135deg, #1e3a8a 0%, #6b2a6e 55%, #b91c1c 100%)`
- La moutarde en accent à bord net: `linear-gradient(135deg, #1e3a8a 0%, #6b2a6e 50%, #b91c1c 86%, #d4a017 86%, #d4a017 100%)`

Deux couleurs de la triade se fondent ; la troisième reste à part. La moitié jaune vers bleu du premier exemple montre pourquoi.

## Les erreurs des palettes triadiques

### À éviter

- Trois couleurs saturées en quantités égales
- Du texte dans la couleur d’accent
- Les trois fondues dans un seul dégradé
- Aucun neutre pour reposer l’œil

### À faire

- Une principale, un soutien, un accent
- Du texte dans un neutre bien contrasté
- Des zones séparées, ou deux fondues plus un accent
- Un presque blanc ou un presque noir à côté

Si une triade paraît encore trop criarde, passez à une [palette analogue](https://gradiently.design/fr/guide/analogous-colors), où les couleurs sont voisines au lieu d’être opposées.

## FAQ

### Que sont les couleurs triadiques ?

Les couleurs triadiques sont trois teintes réparties régulièrement sur le cercle chromatique, à un tiers de cercle l’une de l’autre, comme le rouge, le jaune et le bleu sur le cercle du peintre.

### Comment utiliser une harmonie triadique ?

Laissez une couleur dominer, une deuxième la soutenir et la troisième servir de petit accent. Adoucir deux des trois rend la palette plus facile à vivre.

### Qu’est-ce qu’un schéma de couleurs complémentaires adjacentes ?

Une teinte de base et les deux teintes de part et d’autre de sa complémentaire. Le contraste reste fort, avec moins de tension qu’une paire complémentaire directe.

### Quelle différence entre couleurs triadiques et complémentaires ?

Le schéma complémentaire utilise deux teintes opposées ; le schéma triadique utilise trois teintes réparties régulièrement sur le cercle. Les triades sont plus variées et en général un peu moins tendues.