Le langage des couleurs

 

Couleur :

Qualité de la lumière renvoyée par la surface d’un objet (indépendamment de sa forme), selon l’impression visuelle qu’elle produit (une couleur, des couleurs) ; propriété que l’on attribue à la lumière, aux objets de produire une telle impression (la couleur).

src: Le Robert.

Comprendre la couleur

Une couleur se définie par 3 propriétés : Teinte, Valeur, Saturation.

La couleur est l’un des éléments les plus puissants dans le langage graphique.
À chacune sa symbolique, la couleur véhicule une certaine énergie et une grande variété. Elle sert à attirer l’attention, à véhiculer des messages, à regrouper.
Elle renforce la signification et l’organisation d’éléments dans une composition graphique et aide à créer l’humeur que vous recherchez en véhiculant des émotions et des sensations.

couleur teinte

LA TEINTE

C’est la couleur dans sa forme la plus pure. C’est la façon dont nous « voyons » la lumière réfléchie par un objet (jaune, rouge, bleu…)

couleur valeur ton luminosite

LA VALEUR
(LUMINOSITÉ/TON)

Elle désigne sa luminosité. Une couleur avec une valeur plus claire se composera davantage de blanc, tandis qu’une valeur plus sombre aura davantage de noir.

On peut aussi parler de ton qui est entre autre chose un synonyme de la valeur. 

couleur saturation

LA SATURATION

C’est l’éclat de la couleur, elle peut-être plus ou moins terne ou au contraire plus ou moins franche (vive). Une couleur saturée est intense, alors qu’une couleur désaturée se veut plus fade. Désaturer une couleur à son maximum créer des nuances de gris. Exemple très courant : lorsqu’on passe une photo couleur en noir et blanc, on désature l’image.

Teinte, saturation, luminosité (ou valeur) sont donc les trois paramètres de description d’une couleur dans une approche psychologique de cette perception. En informatique il existe un modèle de description TSL qui permet de faire sa couleur avec ces trois paramètres, tout comme il existe le modèle RVB, HEX…

couleur mode colorimetrique

La perception des couleurs

perception couleur

La perception des couleurs reste tout de même relative. La notion de plus sombre ou de plus clair ne peut être établie que par comparaison. Par exemple le jaune à côté du vert foncé va être plus lumineux, alors que le jaune sur du blanc va être plus sombre que le blanc qui est la valeur maximale de luminosité.

couleur complementaire

Si deux couleurs complémentaires sont juxtaposées chacune paraîtra plus lumineuse que l’autre. Au contraire deux couleurs adjacentes auront plutôt tendance à se fondre visuellement.

Cette perception des couleurs nous amène au cercle chromatique.

Le cercle chromatique

roue chromatique

Le premier a été créé par Sir Isaac Newton au XVIIème siècle en décomposant la lumière avec un prisme. Ce cercle est la représentation de 12 couleurs, primaires, secondaires et tertiaires.

C’est un outil de référence visuelle qui dévoile les relations comparatives entre couleurs. La roue chromatique ne référence que les teintes pures.

La roue chromatique graduée

Elle répertorie une série progressive de valeurs et saturations pour chaque teinte. Observez cette roue et voyez comment elle se compose. La plus grosse partie est la teinte dite pure, à son extérieur vous y trouvez la valeur (luminosité) qui s’assombrit (ajout de noir), et vers l’intérieur vous observez sa valeur qui s’éclaircit (ajout de blanc)

Cette variante permet d’illustrer les points de plus fortes saturations de chaque couleur. Notez que le jaune atteint sa plus forte intensité sur le côté le plus lumineux, tandis que le bleu à son intensité maximale dans le côté le plus sombre. Son intérêt est donc d’examiner les combinaisons similaires en valeur (luminosité) et saturation pour bâtir des contrastes expressifs.

Définitions

couleur primaire

Couleurs primaires :

Ce sont le rouge, le jaune et le bleu. Elles sont pures, c’est-à-dire qu’elle ne peuvent pas être obtenu à partir d’autre couleur.

couleurs secondaires

Couleurs secondaires :

Elles sont créées en combinant deux couleurs primaires.

Jaune + rouge = orange / rouge+bleu= violet / jaune + bleu = vert.

couleurs secondaires

Couleurs tertiaires :

Elles sont créées en combinant une couleur primaire et une couleur secondaire.

Rouge-orange / rouge-violet / violet-bleu…

couleur complementaires

Couleurs complémentaires :

Ce sont les couleurs qui s’opposent sur le cercle chromatique.

• Lorsqu’elles sont mélangées elles se désaturent.
• En revanche leur juxtaposition augmente la sensation d’intensité.
• Cette utilisation permet d’attirer l’oeil avec un graphisme vif, mais attention à ne pas trop en faire.

couleurs monochromatiques

Couleurs monochromatiques :

Ce sont les couleurs créées à partir d’une même teinte mais dont on change la valeur(luminosité), elles sont obtenues en ajoutant du blanc ou du noir.

L’utilisation de couleurs monochromatiques dans une composition graphique permet un rendu homogène.

couleurs adjacentes

Couleurs adjacentes :

Ce sont des couleurs qui sont côte à côte dans la roue et qui ne présentent que des différences mineures.

Comme les couleurs monochromatiques leurs usages permet un rendu homogène mais un peu plus varié.

couleurs triadiques

Couleurs triadiques :

C’est un jeu de trois couleurs équidistantes sur la roue chromatique.

Avec cet assortiment de couleur, votre composition graphique sera perçue comme dynamique et vivante.

couleurs quadratiques

Couleurs quadratiques :

C’est un jeu de quatre couleurs équidistantes sur la roue chromatique, ou du moins mutuellement symétrique.

Avec cet assortiment de couleur, votre composition graphique sera ici aussi perçue comme dynamique et vivante, mais attention à ne pas trop en faire.

Le langage des couleurs en pratique

couleur dominante

Couleur dominante :

La couleur qui est la plus utilisée sur votre document, votre identité visuelle… Elle occupe plus de place que les autres couleurs de votre palette.

couleur accent

Couleur accent :

C’est une couleur qu’on utilise par touche pour faire ressortir des éléments, attirer l’attention.

Choisissez une couleur qui tranche avec votre couleur dominante.

aplat de couleur

Aplat :

Un aplat de couleur c’est une surface de couleur uniforme.

Pratique pour séparer les informations en créant différents « lieux » de lectures, et ainsi hiérarchiser l’informatio, mais aussi rythmer la lacture.

contraste couleur

Contraste :

Un contraste est une manière d’accorder la couleur. Le contraste maximum est la juxtaposition de deux couleurs complémentaires.

camaieu couleur

Camaïeu:

C’est un ensemble de tons et valeurs d’une même couleur. (Couleur monochromatique) . Permet d’arborer une communication homogène, pour créer des atmosphères douces et sereines.

degrade couleur

Dégradé :

C’est un passage progressif d’une couleur à une autre. Très pratique pour apporter une sensation de profondeur.