# Couleurs analogues : la voie simple vers une palette calme [Canonical HTML page](https://gradiently.design/fr/guide/analogous-colors) Choisissez trois voisines sur le cercle chromatique et vous ne pouvez presque pas vous tromper. Tout l’art est de leur donner assez de contraste pour rester intéressantes, et de savoir quand rompre le calme. ## The short version - Les couleurs analogues sont des teintes voisines sur le cercle chromatique, comme le bleu, le turquoise et le vert. - Comme des teintes voisines partagent beaucoup, les palettes analogues paraissent calmes et naturelles, et ce sont les plus faciles à réussir. - Les couleurs analogues font les dégradés les plus doux, car le fondu entre voisines reste saturé au lieu de virer au gris. - Le risque principal est la monotonie, que l’on évite en donnant à la palette une large amplitude de luminosité. - Un petit accent pris du côté opposé du cercle donne à une palette analogue un point focal sans briser son calme. Les **couleurs analogues** sont des teintes côte à côte sur le cercle chromatique : bleu, turquoise et vert, ou rouge, orange et jaune. Comme chacune partage un peu de sa voisine, elles paraissent faites pour aller ensemble, comme les couleurs d’un coucher de soleil ou d’une mer peu profonde. Une palette analogue compte en général de trois à cinq teintes sur un petit arc du cercle, et c’est la voie la plus sûre vers un aspect calme et unifié. Ce guide montre comment en bâtir une, comment l’empêcher de tomber à plat et pourquoi les couleurs analogues font les meilleurs dégradés. Si le cercle est nouveau pour vous, lisez d’abord [comment utiliser le cercle chromatique](https://gradiently.design/fr/guide/color-wheel). ## Ce qui rend des couleurs analogues Il n’y a pas de seuil strict, mais un bon repère est que les teintes analogues tiennent dans environ un quart du cercle, soit à peu près 90 degrés de teinte. Un arc serré de 30 degrés paraît presque monochrome. Au-delà de 90 degrés, les extrémités commencent à contraster et la palette prend des allures d’arc-en-ciel. | Étendue sur le cercle | Exemple | Effet | | --- | --- | --- | | Environ 30 degrés | Bleu, bleu indigo | Presque une seule couleur, très discret | | Environ 60 degrés | Bleu, ciel, turquoise | Harmonieux, avec une douce variété | | Environ 90 degrés | Indigo, bleu, ciel, turquoise | Riche, toujours unifié | | Plus de 120 degrés | Du violet au vert | Commence à ressembler à un arc-en-ciel | Comment la largeur de l’arc change le caractère d’une palette analogue. - Indigo: #4f46e5 - Bleu: #2563eb - Ciel: #0284c7 - Turquoise: #0d9488 Quatre voisines sur environ 70 degrés, de l’indigo au turquoise. ## Palettes de couleurs analogues, avec leurs codes La façon la plus simple de voir les couleurs analogues, c’est en dégradés, car c’est là qu’elles brillent. Chacun de ceux-ci traverse des teintes voisines en s’éclaircissant, ce qui l’empêche de paraître plat. - Braise : rouille, orange, ambre: `linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #fbbf24 100%)` - Lagon : marine, turquoise, menthe: `linear-gradient(135deg, #1e3a8a 0%, #0e7490 50%, #34d399 100%)` - Baie : violet, magenta, rose: `linear-gradient(135deg, #4c1d95 0%, #a21caf 50%, #f472b6 100%)` - Fougère : forêt, olive, lime: `linear-gradient(135deg, #14532d 0%, #3f6212 50%, #a3e635 100%)` - Crépuscule : encre, indigo, pervenche: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%)` - Agrume : vert, or, orange: `linear-gradient(135deg, #4d7c0f 0%, #ca8a04 50%, #f97316 100%)` Six dégradés analogues. Chacun couvre un petit arc de teinte et une large plage de luminosité. Remarquez que les palettes chaudes (Braise, Baie, Agrume) et les froides (Lagon, Fougère, Crépuscule) restent chacune dans une seule température. C’est l’essentiel de leur calme. Les palettes analogues chaudes paraissent proches, vives et appétissantes, ce qui convient à la cuisine, à l’hôtellerie et aux événements. Les froides paraissent spacieuses et stables, ce qui convient au bien-être, à la finance et à la technologie. [Couleurs chaudes et froides](https://gradiently.design/fr/guide/warm-and-cool-colors) approfondit la température. Beaucoup des meilleures palettes analogues viennent directement de la nature, car la lumière qui traverse l’air, l’eau ou les feuilles glisse progressivement à travers des teintes voisines. Une photo de rivage, de sous-bois ou de ciel du soir est une source toute prête ; [tirer une palette d’une image](https://gradiently.design/fr/guide/color-palette-from-image) montre comment en prélever une sans choisir de couleurs boueuses. ## Pourquoi les couleurs analogues font les dégradés les plus doux Quand un dégradé fond deux couleurs, chaque point intermédiaire est un mélange des deux. Mélangez deux voisines et le mélange est simplement la teinte entre elles, toujours saturée. Mélangez deux opposées et le mélange s’annule vers le gris. C’est pourquoi les [dégradés complémentaires](https://gradiently.design/fr/guide/complementary-colors) ont besoin d’un point d’appui au milieu et les analogues jamais. - Voisines : du bleu au turquoise: `linear-gradient(90deg, #2563eb 0%, #0d9488 100%)` - Opposées : du bleu à l’orange: `linear-gradient(90deg, #2563eb 0%, #ea580c 100%)` Le premier reste net d’un bout à l’autre. Le second passe par un milieu terne, grisâtre. Les fondus analogues sont donc un choix sûr pour les arrière-plans derrière du texte, les champs de marque et les grandes surfaces. Pour en savoir plus sur le milieu terne, voyez les [dégradés boueux](https://gradiently.design/fr/guide/muddy-gradients). ## Comment bâtir une palette analogue 1. **Choisissez une teinte dominante** Partez de la couleur qui compte le plus. Elle couvrira l’essentiel du design. 2. **Ajoutez une ou deux voisines de chaque côté** Restez dans environ 60 à 90 degrés. Pencher d’un côté donne une direction à la palette : vers le chaud ou vers le froid. 3. **Étalez la luminosité** Faites une couleur profonde et une claire. C’est ce qui évite qu’une palette analogue ressemble à une seule couleur étalée. 4. **Variez la saturation** Adoucissez un peu les couleurs d’appoint pour que la dominante ressorte comme chef de file. 5. **Décidez d’un accent** Si le design a besoin d’un point focal, ajoutez une petite quantité d’une couleur du côté opposé du cercle. ## Ajouter un accent à une palette analogue Le calme d’une palette analogue est aussi sa faiblesse : rien ne ressort. Quand un bouton, un prix ou un mot clé doit se voir, empruntez une couleur de l’autre côté du cercle et n’en utilisez presque pas. Les designers parlent parfois d’analogue plus accent. L’accent fonctionne précisément parce que tout le reste s’accorde. - Bleu nuit: #0c1a3a - Bleu: #1d4ed8 - Turquoise: #0e7490 - Menthe pâle: #99f6e4 - Accent : abricot: #fb923c Une famille analogue froide du bleu nuit à la menthe, avec un accent chaud venu du côté opposé. Un post d’annonce produit en portrait avec un titre sur un arrière-plan calme aux couleurs fondues Les champs analogues portent le texte avec calme, ce qui convient aux posts produit et éditoriaux. ## Erreurs courantes avec les palettes analogues ### À éviter - Toutes les couleurs à la même luminosité - Un arc si large qu’il devient un arc-en-ciel - Mélanger une dominante chaude et une froide sans plan - Un texte dans un ton moyen de la palette ### À faire - Une couleur profonde, une moyenne et une claire - Trois à cinq teintes dans environ 90 degrés - Une seule température bien nette - Un texte dans la couleur la plus sombre ou la plus claire Si vous voulez encore plus d’unité, resserrez l’arc sur une seule teinte et vous obtenez une [palette monochrome](https://gradiently.design/fr/guide/monochromatic-color-scheme). Si vous voulez plus d’énergie, passez à une [palette triadique](https://gradiently.design/fr/guide/triadic-colors). ## FAQ ### Que sont les couleurs analogues ? Des teintes voisines sur le cercle chromatique, comme le bleu, le turquoise et le vert, ou le rouge, l’orange et le jaune. ### Combien de couleurs compte un schéma analogue ? En général trois à cinq teintes dans environ un quart du cercle chromatique, l’une dominante et les autres en soutien. ### Pourquoi les couleurs analogues sont-elles belles en dégradé ? Le mélange entre deux teintes voisines est simplement la teinte située entre elles : le fondu reste saturé et ne vire jamais au gris au milieu. ### Comment éviter qu’une palette analogue paraisse plate ? Donnez-lui une large plage de luminosité, variez un peu la saturation et, si besoin, ajoutez un petit accent du côté opposé du cercle.