COMPRENDRE · COMPARER · CRÉER

Accords du cercle chromatique en peinture et sur écran

Sur la roue de peinture, le bleu et l’orange se font face. Partez d’une teinte pour tracer son accord ou gardez deux teintes pour trouver celle qui les relie.

Rédaction Cercle Chromatique · Révisé le 4 novembre 2026 · Méthode

Sommaire complet de la page

Trouver un accord en peinture#

En peinture, le bleu a pour complémentaire l’orange. Sa triade réunit bleu, rouge et jaune. Choisissez une famille sur la roue rouge-jaune-bleu (RYB) pour construire votre accord.

Bleu + Orange

Partez de la base et traversez le centre. La famille opposée se trouve six secteurs plus loin.

Secteurs 9, 3.

Lire le tableau des douze couleurs de départ

Pour un carré autour du bleu, avancez de trois cases à chaque fois. Vous passez du bleu au rouge-violet, puis à l’orange et au jaune-vert avant de revenir au bleu. Voir les quatre sommets sur la roue.

Familles à associer à la base sur notre roue RYB. Les numéros suivent la roue à imprimer.
Base	Famille opposée	Deux voisines	Deux autres en triade	Voisines de l’opposée	Carré
1. Rouge	vert	rouge-violet et rouge-orangé	jaune et bleu	jaune-vert et bleu-vert	Jaune-orangé · Vert · Bleu-violet
2. Rouge-orangé	bleu-vert	rouge et orange	jaune-vert et bleu-violet	vert et bleu	Jaune · Bleu-vert · Violet
3. Orange	bleu	rouge-orangé et jaune-orangé	vert et violet	bleu-vert et bleu-violet	Jaune-vert · Bleu · Rouge-violet
4. Jaune-orangé	bleu-violet	orange et jaune	bleu-vert et rouge-violet	bleu et violet	Vert · Bleu-violet · Rouge
5. Jaune	violet	jaune-orangé et jaune-vert	bleu et rouge	bleu-violet et rouge-violet	Bleu-vert · Violet · Rouge-orangé
6. Jaune-vert	rouge-violet	jaune et vert	bleu-violet et rouge-orangé	violet et rouge	Bleu · Rouge-violet · Orange
7. Vert	rouge	jaune-vert et bleu-vert	violet et orange	rouge-violet et rouge-orangé	Bleu-violet · Rouge · Jaune-orangé
8. Bleu-vert	rouge-orangé	vert et bleu	rouge-violet et jaune-orangé	rouge et orange	Violet · Rouge-orangé · Jaune
9. Bleu	orange	bleu-vert et bleu-violet	rouge et jaune	rouge-orangé et jaune-orangé	Rouge-violet · Orange · Jaune-vert
10. Bleu-violet	jaune-orangé	bleu et violet	rouge-orangé et jaune-vert	orange et jaune	Rouge · Jaune-orangé · Vert
11. Violet	jaune	bleu-violet et rouge-violet	orange et vert	jaune-orangé et jaune-vert	Rouge-orangé · Jaune · Bleu-vert
12. Rouge-violet	jaune-vert	violet et rouge	jaune-orangé et bleu-vert	jaune et vert	Orange · Jaune-vert · Bleu

Imprimer les quatre accords autour du bleu (PDF A4, 1 page) · Lire la numérotation des douze familles.

Quel accord former avec deux couleurs déjà choisies ?#

Une affiche est déjà imprimée en orange et en jaune. Quelle troisième encre choisir ? Un jaune-orangé relie les deux teintes par petites étapes. Un bleu-violet introduit au contraire un accent éloigné des deux. Les deux solutions se construisent sur la même roue de peinture.

Orange et jaune

Le trajet le plus court sur la roue compte 2 intervalles de 30°, soit 60°.

Analogues — Ajouter Jaune-orangé Tracer depuis le secteur 4 (jaune-orangé).
Complémentaire divisée — Ajouter Bleu-violet Tracer depuis le secteur 10 (bleu-violet).

Les deux secteurs doivent appartenir à la même figure. Les analogues occupent ici trois secteurs consécutifs. Une triade avance de quatre en quatre et un carré de trois en trois. Pour un accord divisé, les deux voisines de la complémentaire remplacent celle-ci. Les secteurs indiquent des familles de teintes, indépendamment des pigments ou des quantités d’encre.

Télécharger les accords des 66 paires (CSV) · Voir les figures expliquées par l’université du Delaware. Le fichier donne une ligne par solution, avec les numéros de secteur pour la retrouver sur la roue.

Lire les six écarts possibles sans manipuler la roue

Comptez les intervalles par le chemin le plus court. Avec quatre intervalles, une seule troisième famille complète la triade. Avec deux intervalles, on peut soit remplir le secteur du milieu, soit prendre l’accent éloigné de l’accord divisé.

Exemples sur la roue RYB à douze secteurs, pour les cinq figures proposées.
Écart	Deux familles conservées	Solution avec le rouge comme premier secteur
1 · 30°	Rouge et rouge-orangé	rouge-violet (analogues) ou orange (analogues)
2 · 60°	Rouge et orange	rouge-orangé (analogues) ou bleu-vert (complémentaire divisée)
3 · 90°	Rouge et jaune-orangé	vert et bleu-violet (carré)
4 · 120°	Rouge et jaune	bleu (triade)
5 · 150°	Rouge et jaune-vert	bleu-vert (complémentaire divisée) ou violet (complémentaire divisée)
6 · 180°	Rouge et vert	paire déjà complète (complémentaires) ou jaune-orangé et bleu-violet (carré)

En faisant tourner la roue, on retrouve les mêmes figures pour les autres couleurs de départ. Sur les 66 paires distinctes, 42 admettent deux solutions et 24 une seule. Un carré ajoute deux couleurs lorsqu’on en conserve deux.

Six accords numériques à partir du bleu canard#

Tous les schémas partent du bleu canard #048B9A. Les numéros relient les positions aux codes ; saturation et luminosité HSL restent constantes. Les traits montrent des relations géométriques, sans représenter un mélange.

Analogues

Écarts à la base : -30°, 0°, +30°.

#049A5E
#048B9A
#04409A

Essayer cet accord

Complémentaire

Écarts à la base : 0°, +180°.

#048B9A
#9A1304

Essayer cet accord

Complémentaire divisée

Écarts à la base : 0°, +150°, +210°.

#048B9A
#9A0440
#9A5E04

Essayer cet accord

Triade

Écarts à la base : 0°, +120°, +240°.

#048B9A
#9A048B
#8B9A04

Essayer cet accord

Tétrade carrée

Écarts à la base : 0°, +90°, +180°, +270°.

#048B9A
#5E049A
#9A1304
#409A04

Essayer cet accord

Tétrade rectangle

Écarts à la base : 0°, +60°, +180°, +240°.

#048B9A
#13049A
#9A1304
#8B9A04

Essayer cet accord

Pour une tétrade rectangle, plusieurs espacements sont possibles : nous choisissons ici 60° et 120° en alternance. Ces accords numériques ne garantissent pas le contraste des textes. Définition du modèle HSL.

Emporter la planche : SVG · PNG. Valeurs et méthode : CSV · JSON. Conditions de reprise.

Deux compositions à mettre en pratique#

Analogues autour d’un bleu

Trois teintes proches ; choisissez une dominante et vérifiez séparément les contrastes.

Sur le premier aplat : texte #000000, ratio 5.16:1. Vérifier ce couple.

Personnaliser cette palette

Une base et un accent

Exemple éditorial : une surface bleu pétrole, un accent terracotta et du blanc. Ce n’est pas une triade mathématique.

Sur le premier aplat : texte #FFFFFF, ratio 10.01:1. Vérifier ce couple.

Personnaliser cette palette

Ce qu’une harmonie ne garantit pas#

Une préférence esthétique partagée par tous.
Un contraste suffisant pour les textes.
Une reproduction identique sur papier et écran.

Calculer une harmonie · Attribuer des rôles aux couleurs

Choisir une structure selon la composition#

Besoin	Structure à essayer	Réglage utile
Une famille cohérente avec peu de ruptures	Analogues	Séparer les rôles par la clarté
Une dominante avec un accent distinct	Complémentaire	Réserver une couleur à une petite zone
Trois directions de teinte	Triade	Éviter de donner la même surface à chaque teinte par défaut
Une composition à quatre teintes	Tétrade	Prévoir une hiérarchie et vérifier chaque voisinage

Il s’agit de pistes de composition, pas d’un classement des harmonies « les plus belles ». Pour une interface, partez des rôles à remplir ; la géométrie n’impose ni le fond ni le texte.

Tester une même base dans trois accords#

Ouvrir le bleu canard dans la roue numérique avec ses deux voisines, sa complémentaire, sa triade.

Le générateur conserve la saturation et la luminosité HSL pour ces rotations. Vous pourrez ensuite modifier les codes dans votre projet : une palette utilisée n’est pas obligée de rester une construction géométrique exacte.

Sources et méthode

W3C — CSS Color : codes sRGB, noms CSS et HSL
Les valeurs numériques et mots-clés CSS ; pas une normalisation des noms français.
National Gallery of Art — The Elements of Art: Color
Repères pédagogiques en arts plastiques : primaires, secondaires et complémentaires.
W3C — WCAG 2.2 : contraste minimal
Seuils de contraste des textes, tailles et exceptions.
Université du Delaware — Color Schemes
Définitions illustrées des familles complémentaires, analogues, divisées et équidistantes.

Les palettes et exemples de ce site sont des propositions éditoriales. Les conversions et contrastes sont calculés à partir des codes indiqués. Voir la méthode et signaler une correction.