COMPRENDRE · COMPARER · CRÉER
Cercle chromatique : roue des couleurs, outil et PDF
Le cercle chromatique range les teintes autour d’une roue pour repérer leurs accords. Le bleu fait face à l’orange sur la roue de peinture. Sur la roue numérique HSL, le bleu pur (#0000FF) fait face au jaune (#FFFF00). Comparer quatre accords à partir du bleu.
Essayer le cercle chromatique#
Entrez un code HEX ou déplacez le repère pour calculer un accord sur écran. Pour la peinture, utiliser la roue rouge-jaune-bleu.
HSL
sRGB
sRGB
Tournez la roue pour déplacer la couleur de départ. Au clavier, utilisez les flèches pour un degré et Maj + flèche pour dix degrés.
Télécharger le schéma de cet accord (SVG)De 1 à 8 codes HEX, séparés par des espaces ou des virgules. Les doublons sont regroupés. La roue modifie uniquement la première couleur ; les autres restent en place.
217.2° — modèle numérique HSL / sRGB
Couleurs de l’accord sélectionné
Complémentaire
Analogue +30°
Analogue −30°
Triade +120°
Triade −120°
Plus clair
Plus foncé
Vérifier tous les couples de couleurs et exporter les contrastes
Le calcul porte sur les codes opaques sRGB de cette palette, sans les neutres ajoutés aux réglages de composition. Il vérifie uniquement le contraste du texte, pas l’accessibilité complète d’une page.
Composer, vérifier les textes et exporter le visuel
Composer avec cet accord
ÉTUDE DE COULEURS
Votre projet en couleurs
Un fond, un texte et un accent clairement définis.
Découvrir le projetMaquette illustrative : le cartouche d’accent ne déclenche aucune action.
Le lien partagé conserve l’accord, le fond, l’accent, les textes, la mise en page et le titre saisi. Le choix automatique prend le noir ou le blanc le plus contrasté. Vous pouvez choisir un texte coloré ; le verdict signale alors les couples insuffisants pour le texte courant.
Voir le CSS de cette composition
Accords géométriques en HSL ; ni recettes de peinture, ni garantie de contraste.
Créer une palette
Entrez un HEX, obtenez des accords HSL et exportez votre palette.
Imprimer une roue
PDF A4, PNG et SVG : peinture, écran ou roue vierge.
Trouver une couleur
Par image, nom, code HEX ou RVB ; palette et nuances proches.
Choisir le bon cercle selon le support#
| Usage | Primaires | Exemple | Limite |
|---|---|---|---|
| Peinture pédagogique — RYB | Rouge, jaune, bleu | Jaune + bleu : famille des verts | Résultat dépendant des pigments |
| Écran — RVB | Rouge, vert, bleu | Rouge + vert : jaune en addition de lumière | Ne pas appliquer aux peintures |
| Impression — CMJN | Cyan, magenta, jaune ; noir ajouté | Encres sur un support | Conversion dépendante du profil et du procédé |
Repères artistiques de la National Gallery of Art ; modes numériques expliqués par Adobe.
Les quatre accords à reconnaître#
| Accord | Sur la roue de peinture | Sur la roue numérique |
|---|---|---|
| Complémentaire | Bleu et orange | Bleu et jaune |
| Analogues | Bleu-vert, bleu, bleu-violet | Azur, bleu, violet |
| Triade | Bleu, rouge et jaune | Bleu, rouge et vert |
| Tétrade en carré | Bleu, rouge-violet, orange et jaune-vert | Bleu, rose vif, jaune, vert printemps |
Pour former un carré sur la roue à douze secteurs, avancez de trois cases à chaque étape. Pour vérifier si deux couleurs peuvent servir au texte et au fond, utilisez le testeur de contraste.
Construire son propre accord permet de choisir une autre couleur de départ en peinture ou à l’écran.
Comprendre les couleurs, puis les utiliser#
Couleurs primaires
Les trois systèmes à distinguer.
Couleurs secondaires
Pourquoi les résultats changent entre lumière et peinture.
Couleurs tertiaires
Les six familles intermédiaires de la roue traditionnelle.
Mélanger les couleurs
Tableau de peinture et interpolation numérique séparés.
Les 12 couleurs
Ordre, positions et tableau comparatif.
Associer les couleurs
Palettes concrètes et choix selon le support.
Des nuances à comparer#
Safran, moutarde ou ocre ?
Comparer les codes et les échantillons.
Rouille et terracotta
Des oranges bruns aux clartés différentes.
Canard, pétrole ou turquoise ?
Repérer les écarts entre trois bleus-verts.
Vert sauge
Palettes et contrastes calculés.
Questions fréquentes#
Quelle est la complémentaire du bleu ?
Dans la roue traditionnelle RYB, la famille opposée au bleu est l’orange. Sur la roue HSL numérique, le bleu pur #0000FF est opposé au jaune #FFFF00. Indiquez toujours le modèle et la nuance.
Une roue permet-elle de prévoir un mélange de peinture ?
Elle donne un repère pédagogique, pas une mesure du mélange. Deux tubes portant le même nom peuvent contenir des pigments différents.
Le cercle chromatique comporte-t-il toujours 12 couleurs ?
Non. Douze secteurs sont pratiques pour apprendre les relations ; une roue numérique continue peut représenter beaucoup plus de teintes.
Sources et méthode
- National Gallery of Art — The Elements of Art: Color
Repères pédagogiques en arts plastiques : primaires, secondaires et complémentaires. - 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. - Adobe — Color modes in Photoshop
Différences entre modes RVB et CMJN et contraintes de reproduction.
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.