Leçon 2 : Psychologie et Codes Couleurs

1. La Psychologie des Couleurs

Les couleurs ne sont pas neutres ; elles véhiculent des émotions, des symboles culturels et influencent la perception.

1.1 Couleurs Chaudes vs Froides

Couleurs Chaudes (Rouge, Orange, Jaune) :
- Effet : Énergie, passion, dynamisme, proximité (effet de rapprochement).
- Usage : Alimentation, urgence, divertissement.
Couleurs Froides (Bleu, Vert, Violet) :
- Effet : Calme, confiance, professionnalisme, éloignement (effet de profondeur).
- Usage : Banque, santé, technologie.

1.2 Signification Symbolique

Bleu : Confiance, sécurité, technologie, calme. (La couleur la plus aimée au monde).
Rouge : Passion, danger, urgence, amour, énergie.
Jaune : Optimisme, lumière, richesse, mais aussi trahison ou danger (signalisation).
Vert : Nature, santé, écologie, croissance, permission.
Noir : Luxe, élégance, mystère, deuil.
Blanc : Pureté, propreté, innocence, minimalisme.
Orange : Créativité, jeunesse, communication, dynamisme (moins agressif que le rouge).
Violet : Spiritualité, mystère, royauté, luxe.

2. Les Codes Couleurs

Pour garantir la cohérence visuelle sur tous les supports, on utilise des systèmes de codification précis.

2.1 Code HTML / Hexadécimal (Web)

Format : #RRGGBB (Hexadécimal).
Structure : 3 couples de chiffres/lettres (0 à F) pour Rouge, Vert, Bleu.
Exemples :
- Noir : #000000
- Blanc : #FFFFFF
- Rouge pur : #FF0000

2.2 Code RVB (Écran)

Format : (R, V, B) avec des valeurs de 0 à 255.
Exemple : (255, 0, 0) pour le rouge pur.

2.3 Code CMJN (Impression)

Format : Pourcentage d’encre (0 à 100%) pour chaque canal (Cyan, Magenta, Jaune, Noir).
Exemple : Rouge vif = (0%, 100%, 100%, 0%).

2.4 Nuancier Pantone (PMS)

C’est un catalogue de couleurs “plates” (tons directs) pré-mélangées. Il garantit une couleur absolue universelle (ex: le Rouge Coca-Cola est un Pantone spécifique), contrairement au CMJN qui peut varier selon l’imprimante.

3. Accessibilité et Tests

Le design doit être inclusif.

Daltonisme : Trouble de la vision des couleurs (Rouge/Vert souvent confondus). Il faut éviter de baser l’information uniquement sur la couleur (ajouter icônes ou texte).
Contraste : Essentiel pour la lisibilité. Un texte gris clair sur fond blanc est illisible. Utilisez des outils pour vérifier le ratio de contraste (Normes WCAG).