Associe facilement les couleurs avec le cercle chromatique [Tuto]

Nous allons voir ensemble comment utiliser le cercle chromatique qui est présent dans tous les outils de graphisme et qui permet d'associer facilement les couleurs.

Cela permet effectivement d'avoir des compositions beaucoup plus simples pour tes couleurs en fonction du résultat que tu souhaites obtenir. Nous verrons ensuite comment affiner les couleurs.

Au sommaire :
00:00 Intro
00:27 Débutons par un tout petit peu de théorie
01:18 comment associer les couleurs
02:59 comment affiner ta palette de couleurs

👉 L'article : https://www.pourpasunrond.fr/associe-les-couleurs/

👉 Ne manque aucun article ou vidéo pour améliorer et faire grandir ton site ou ton entreprise : https://sendfox.com/lp/1vr46d
On va utiliser le cercle chromatique
que tu vois à gauche sur Adobe Color.

Il est représenté sous la forme
d'un cercle.

Pour Photopea, il s'agit de la barre colorée au centre

Pour The Gimp,
tu as une version intermédiaire
qui est présente dans les onglets.

Le but de l'opération, maintenant, c'est juste voir comment dompter cet outil.

La composition du cercle est très intelligente.
Elle est basée sur les couleurs primaires,
auxquelles s'ajoutent les couleurs
secondaires, qui sont une association
de 2 couleurs primaires.
Les couleurs tertiaires associent
les couleurs secondaires et primaires.
Cela te donne un cercle chromatique complet.
Le cercle est vraiment très intelligent
dans sa manière de disposer les couleurs.
Tu as des associations intéressantes immédiatement.

Tu as d'un côté toutes les couleurs chaudes
et les froides de l'autre.

Maintenant, voyons
comment associer les couleurs.

l'association la plus simple,
ce sont les couleurs analogues,

qui offrent peu de contrastes,
mais dont la cohabitation est
paisible. Les couleurs analogues,
sont juxtaposées sur le cercle chromatique.

Les couleurs complémentaires
pour avoir le maximum de contraste.

Tu prends une couleur et tu choisis son opposé sur le cercle chromatique.

Tu es garanti d'avoir le maximum
de contrastes entre tes deux couleurs.
Nous sommes d'accord que ce n'est
pas uniquement pour des associations.
Cela peut être intéressant aussi pour ton site.
Pour un bouton, si tu as une composition
qui est majoritairement bleu,
tu vas choisir tes boutons en orange.

Tu es sûr ainsi qu'ils soient
immédiatement visibles sur ta page.

La triade, c'est la même chose
que les couleurs complémentaires.

Cela veut dire que
tu vas chercher à avoir les trois
couleurs qui contrastent le plus ensemble.

Pour cela, tu traces un triangle
sur ton cercle chromatique et cela te donne tes couleurs.
Les trois couleurs les plus éloignées
donnent des compositions qui sont
très vivantes et très contrastées.

Pour un résultat plus subtil, avec une
palette qui est immédiatement utilisable,
je te conseille plutôt d'aller
sur la complémentaire analogue.

C'est une couleur
d'appoint et en face, tu as les deux
couleurs analogues qui correspondent.
Tu as une composition
contrastée mais visuellement
beaucoup plus intéressante.
La palette carré,
est la même chose que la triade.
tu trace un carré dans ton cercle.
tu as les quatre couleurs
les plus éloignées possibles.
Je trouve que les résultats sont plutôt
enfantins, avec des contrastes
de couleurs qui sont moins subtils.

Si tu penses utiliser quatre couleurs,
je te conseille la double complémentaire
pour un résultat
plus riche.
Tu prends deux couleurs analogues
immédiatement de chaque
côté d'une couleur.
et tu vas prendre leurs
couleurs complémentaires.

Maintenant, voyons comment affiner
ta palette de couleurs
et intégrer un peu de subtilité.

On va utiliser pour cela la saturation
qui traduit la pureté de la couleur.

Tu vois bien que les couleurs n'ont pas du tout le même rendu
On ressent pas du tout les couleurs de la
même manière en fonction de la pureté.
Ici, le bleu, le rouge et le jaune.
Tu vois que quand ils sont moins saturés,
donnent des couleurs plus pastel. Pour associer
des couleurs, c'est bien
de mélanger des couleurs saturées
et des couleurs moins pures.
Tu vois
que les associations ici sont beaucoup
plus intéressantes et subtiles.

Comment se traduit la saturation
dans les logiciels ?
Sur Adobe Color : la distance par rapport
au centre du cercle.
Sur Photopea et The Gimp : + ton curseur est vers la
droite + ta couleur sera pure.
On est exactement dans la même logique.
La luminosité indique la clarté.
Tu vois que les trois couleurs,
en fonction de leur clarté, ne communiquent pas
du tout la même impression.

Comment ça va se traduire dans ton
logiciel ? Sur Adobe Color tu as un curseur spécifique.
Sur Photopéa et The Gimp
+ tu montes dans ton espace et +
tu obtiens une couleur claire.
Tu retrouveras dans l'article
les explications
mais tu vas surtout trouver
l'inspiration.

Видео Associe facilement les couleurs avec le cercle chromatique [Tuto] канала pour pas un rond