Couleurs & Lumières - Une histoire en 3 actes

Le répertoire des teintes est d’une étendue quasi infinie (près de 8 millions de nuances) et toutes ces couleurs ont un fort pouvoir d’influence et d’association mentale aussi surprenant qu’incontournable !

Les couleurs sont essentielles à l’identité visuelle d’une entreprise, au même titre que les mots, les images ou la typographie
Connaître le code des couleurs vous permettra de maitriser l’intention de vos visuels

L’œil humain est composé de cellules, les cônes, sensibles à trois longueurs d’onde : celles du rouge, du vert et du bleu. Lorsque de la lumière parvient à notre œil, il décompose la longueur d’onde de la lumière en informations qui sont transmises au cerveau. Il interprète ainsi l’intensité de ces trois couleurs pour en dégager une teinte dont la nuance est infinie…

En fonction de sa position sur le cercle chromatique, chaque couleur a une certaine température et une association mentale particulière :
D’un côté du spectre, on a 6 couleurs chaudes : dynamisme, exubérance, optimisme
De l’autre, on a 6 couleurs froides : sérénité, mesure, apaisement.

Il reste 3 couleurs neutres à considérer
– le noir, qui est en réalité l’absence de lumière
– le blanc, qui est une combinaison de toutes les couleurs
– le gris qui est une intensité lumineuse

La teinte / hue = la couleur pure
La nuance / tint = couleur obtenue après l’ajout de blanc à la teinte pour l’éclaircir
L’ombre / shade = teinte à laquelle on rajoute du noir pour l’assombrir
Le ton / tone = teinte à laquelle on ajoute du gris pour la ternir/réduire l’intensité (ex. marron = orange+gris)

Afin de pouvoir exploiter cette multiplicité de couleurs et communiquer avec précision, différentes codifications ont été conçues :

Le HEX (système hexadécimal html) utilisé sur le web → # + 3 paires de chiffres et/ou lettres qui correspondent à un niveau de rouge, vert et bleu = de 0 à 9 et de A à F
Le TSL/HSL utilisé en infographie : celui qui se rapproche le plus de comment l’œil humain perçoit les couleurs → la teinte (angle de position sur la roue chromatique), la saturation (quantité de pigments/intensité), la luminosité (du clair au foncé) = de 0 à 99
Le RVB/RGB pour les écrans TV, APN… → indique la part de rouge, de vert et de bleu dans chaque pixel = de 0 à 255 ; si l’on combine les 3 couleurs à l’état pur, on obtient le blanc (code 255-255-255), quand on supprime les 3 teintes, on obtient le noir (code 0-0-0)
Le CMJN/CMYK/Pantone utilisé pour l’impression → % de pigments pour le cyan, magenta, jaune et noir

  J’ai voulu poster sur un sujet qui m’intéresse depuis toujours en reprenant volontairement les bases et quelques infos pratiques pour ceux, bien-sûr, qui sont loin de ce domaine d’activité : loin de moi l’idée de rivaliser avec les connaissances des infographistes ou des artistes, ce post est fait avec humilité et passion !

Suite au prochain épisode !