Lors des créations de sites vitrines WordPress et Communik que je vous propose, je vous demande souvent quelles couleurs utiliser pour le site, et parfois aussi pour votre logo. Le choix de ces couleurs est très important et doit être réfléchi : les couleurs et les émotions sont liées, et ce lien joue sur l’image que vos visiteurs retiennent de vous.
Les grandes marques créent leurs campagnes publicitaires et leurs sites internet en tenant compte de la perception des couleurs.
Porteuses d’une symbolique et d’un sens, les couleurs ne se choisissent pas au hasard. Il faut tenir compte de l’ambiance que vous souhaitez créer, de l’information transmise par chaque couleur, et les associer de façon harmonieuse.
Il existe une infinité de couleurs, et chacune évoque des émotions. Elles agissent sur notre humeur et sur la façon dont nous percevons un lieu, un produit ou une marque. Cette relation entre les couleurs et les émotions est connue depuis longtemps, et la psychologie des couleurs l’étudie aujourd’hui avec des enquêtes à grande échelle.
L’aspect symbolique des couleurs est en grande partie culturel et influence notre perception à notre insu. Par exemple, en Occident, le blanc est synonyme de pureté et de paix : c’est la couleur traditionnelle des robes de mariée. Dans plusieurs pays d’Asie, le blanc est au contraire associé au deuil.
Les couleurs nous apaisent, nous attirent ou nous repoussent.
Les couleurs font aussi partie de notre langage courant. Beaucoup d’expressions françaises relient directement une couleur à une émotion :
- En faire voir de toutes les couleurs
- Avoir une peur bleue
- Voir la vie en rose
- Rire jaune
- Voir rouge, être rouge de colère ou rouge de honte
- Être vert de peur
- Être dans une colère noire, broyer du noir, avoir des idées noires
- Avoir la main verte
- Montrer patte blanche
Sommaire
- Couleurs et émotions : ce que dit la recherche
- On distingue deux grands groupes de couleurs
- Symbolique et perception des couleurs
- Quelle couleur pour quelle émotion ?
- Également une infographie : la psychologie des couleurs
- Conclusion : choisir les couleurs de son site
- Bonus
Couleurs et émotions : ce que dit la recherche
En 2020, une équipe de chercheurs a publié dans la revue Psychological Science une enquête menée auprès de 4 598 personnes dans 30 pays, sur six continents. Chaque participant associait jusqu’à 20 émotions à 12 noms de couleurs, et indiquait la force de chaque lien (source : Université Johannes Gutenberg de Mayence, communiqué du 10 septembre 2020, DOI 10.1177/0956797620948810).
Les résultats montrent un large consensus mondial : les associations entre couleurs et émotions sont étonnamment proches d’un pays à l’autre. Quelques points à retenir :
- le rouge est la seule couleur fortement liée à la fois à une émotion positive, l’amour, et à une émotion négative, la colère ;
- le marron est la couleur qui évoque le moins d’émotions ;
- le blanc est plus fortement associé à la tristesse en Chine qu’ailleurs, et le violet en Grèce, deux couleurs liées au deuil dans ces pays ;
- selon une autre étude de la même équipe, le jaune est d’autant plus associé à la joie que le pays est peu ensoleillé.
Les chercheurs relèvent aussi que les écarts entre pays augmentent avec la distance géographique et avec la différence de langue. Les causes exactes restent à établir : langue, culture, religion, climat ou perception humaine.
On distingue deux grands groupes de couleurs
La sensation de chaud et de froid devant une couleur est une sensation psychologique, mais elle est bien réelle. On a l’impression d’avoir plus chaud dans une pièce aux murs rouges ou orangés que dans une pièce aux murs bleus ou gris, qui dégagent une impression de fraîcheur.
- Les couleurs chaudes : rouge, orange, jaune, marron, rose…
- Les couleurs froides : bleu, gris, vert, violet…
Il est donc important de tenir compte de cette symbolique. La première question à se poser est : chaud ou froid ? Vous pouvez vous la poser au quotidien, pour la couleur d’une voiture, de la chambre d’un enfant, des murs de votre bureau ou d’une salle de classe. Les couleurs participent au bien-être, au travail comme à la maison.
Symbolique et perception des couleurs
Voici les représentations les plus courantes des couleurs dans la culture occidentale, avec leurs significations positives et négatives, les secteurs qui les utilisent et des marques connues qui les ont adoptées dans leur logo.
Jaune
La couleur jaune est la couleur de la joie, de la lumière et de l’amitié.
- Signification positive : confiance, chaleur, jeunesse, intelligence, vivacité, fête, enthousiasme, optimisme…
- Signification négative : anxiété, tromperie, lâcheté, trahison, orgueil, mensonge
- Secteurs : immobilier, jeux, arts, loisirs…
- Marques : Nikon, Caterpillar, National Geographic, Chevrolet, Shell, Ikea, DHL, Hertz, McDonald’s…
Orange
La couleur orange est le symbole de la communication : elle favorise les rapports humains.
- Signification positive : stimulant, convivial, réconfortant, ambition, générosité, créativité, optimisme…
- Signification négative : malveillance, kitsch…
- Secteurs : tourisme, divertissement, sport…
- Marques : Amazon, VLC, Firefox, Fanta, Harley-Davidson…
Rouge
La couleur rouge est le symbole de la vie, de la puissance et de la passion. C’est aussi, d’après l’enquête de 2020, la seule couleur fortement liée à la fois à l’amour et à la colère.
- Signification positive : passion, désir, sensualité, amour, vitesse, force, énergie, dynamisme, chaleur, joie, triomphe…
- Signification négative : sang, colère, violence, danger, interdiction, agressivité…
- Secteurs : publicité, médias, mode, luxe…
- Marques : Kellogg’s, Nintendo, YouTube, Coca-Cola, CNN, Netflix, Virgin, Lego, Canon, KFC, Avis, Mitsubishi…
Marron
La couleur marron est le symbole de la terre, de la chaleur et de la fiabilité.
- Signification positive : solidité, force, densité, nature, douceur, neutralité…
- Signification négative : boue, pauvreté, médiocrité…
- Secteurs : menuiserie, nature, café…
- Marques : UPS…
Rose
La couleur rose est le symbole de la tendresse et des sentiments. Elle est souvent associée à la féminité, mais elle n’est réservée à personne.
- Signification positive : amour, tendresse, douceur, chaleur, bonheur, sentiments…
- Signification négative : mièvrerie, cliché d’une couleur « pour les filles »…
- Secteurs : beauté, mode, confiserie…
- Marques : Barbie…
Violet
La couleur violette est le symbole de la spiritualité et de la créativité.
- Signification positive : pouvoir, créativité, connaissance, rêve, délicatesse, méditation…
- Signification négative : deuil, mystère, crainte, mélancolie, solitude…
- Secteurs : communication institutionnelle, arts, culture…
- Marques : Yahoo, Milka…
Bleu
La couleur bleue est le symbole de la fidélité, de la confiance et de la communication.
- Signification positive : réflexion, intelligence, confiance, rêve, apaisement, tranquillité, propreté, fraîcheur, loyauté, sagesse, liberté…
- Signification négative : froid, mélancolie, tristesse, doute…
- Secteurs : nouvelles technologies, informatique, santé, banque, réseaux sociaux…
- Marques : Dell, American Express, HP, Nasa, WordPress, Facebook, IBM, Oral-B, Vimeo, LinkedIn…
Vert
La couleur verte est le symbole de la nature, de la vie et de l’harmonie.
- Signification positive : nature, détente, équilibre, repos, paix, espoir, prospérité, chance, concentration…
- Signification négative : jalousie, envie, échec…
- Secteurs : loisirs, détente, tourisme, environnement…
- Marques : Land Rover, Tropicana, Spotify, BP, Greenpeace…
Gris
La couleur grise est le symbole de la neutralité.
- Signification positive : élégance, sobriété, tempérance, modernité, calme, douceur…
- Signification négative : monotonie, tristesse, indécision, ennui, mélancolie…
- Secteurs : arts, design, industrie…
- Marques : Mercedes-Benz, Honda…
Noir
La couleur noire est à la fois le symbole de la tristesse et du prestige.
- Signification positive : sobriété, élégance, chic, luxe, protection, distinction, rigueur, design…
- Signification négative : peur, mort, deuil, mystère, oppression, désespoir, tristesse…
- Secteurs : luxe, design, photographie, mode…
- Marques : Yves Saint Laurent, Puma, Chanel…
Blanc
La couleur blanche est le symbole de la pureté.
- Signification positive : innocence, propreté, naissance, sagesse, clarté, repos, paix, bien-être, précision…
- Signification négative : vide, froideur ; deuil dans plusieurs pays d’Asie…
- Secteurs : luxe, santé, nautisme…
- Marques : Apple, Wikipédia…
Quelle couleur pour quelle émotion ?
La question revient souvent : quelle est la couleur de la joie, de la tristesse ou de la colère ? Il n’existe pas de réponse universelle, mais certaines associations sont très partagées. Le livre pour enfants d’Anna Llenas, La Couleur des émotions, les a rendues populaires : le jaune pour la joie, le bleu pour la tristesse, le rouge pour la colère, le noir pour la peur et le vert pour le calme, le rose étant associé à l’amour.
| Émotion | Couleurs souvent associées | À savoir |
|---|---|---|
| Joie | Jaune, orange | Le lien jaune et joie est plus fort dans les pays peu ensoleillés (enquête de la même équipe). |
| Tristesse | Bleu, gris, noir | Le blanc est aussi associé à la tristesse en Chine. |
| Colère | Rouge, noir | Le rouge est fortement lié à la colère à l’échelle mondiale (enquête de 2020). |
| Peur | Noir, gris | On parle pourtant d’une « peur bleue » en français. |
| Amour | Rouge, rose | Le rouge est la seule couleur liée à la fois à l’amour et à la colère. |
| Calme, sérénité | Vert, bleu | Couleurs froides, associées à la nature et au repos. |
| Jalousie, envie | Vert | Shakespeare parle de la jalousie comme d’un « monstre aux yeux verts » dans Othello. |
Également une infographie : la psychologie des couleurs
Pour avoir une vue d’ensemble, voici la psychologie des couleurs résumée dans une infographie. Touchez ou cliquez sur l’image pour l’ouvrir en grand.
Conclusion : choisir les couleurs de son site
La couleur d’un site internet et d’un logo n’est pas à prendre à la légère. Ce choix doit être réfléchi en fonction de l’image que vous voulez donner. Pour ma part, j’ai choisi le rouge pour CREANICO : il symbolise pour moi la passion, l’énergie et le dynamisme, les émotions que je veux transmettre à travers mon travail.
Pour votre site, je vous conseille de partir de vos émotions cibles, puis de vérifier trois points :
- une palette courte : une couleur principale, une couleur d’accent et des neutres suffisent le plus souvent ;
- un contraste suffisant : les règles d’accessibilité WCAG 2.1 du W3C demandent un rapport de contraste d’au moins 4,5:1 entre un texte courant et son fond ;
- une information jamais portée par la seule couleur : un bouton ou un message d’erreur doit rester compréhensible pour une personne qui distingue mal les couleurs.
Si vous n’avez pas encore d’identité visuelle, l’option charte graphique et ligne éditoriale est détaillée sur la page prix d’un site vitrine. Pour aller plus loin sur la mise en page, lisez aussi concevoir un site vitrine lisible et efficace et préparer son projet de site vitrine.
Bonus
Guide du code des couleurs
Voici un lien vers un autre guide complet du code des couleurs. Vous y retrouverez aussi les bases, notamment le système hexadécimal (HTML), le TSL (teinte, saturation, luminosité), le code couleur RVB et la codification CMJN.
Outils pour vous aider à définir vos couleurs
- La roue chromatique d’Adobe, pour trouver les couleurs complémentaires.
- Les palettes de couleurs organisées par couleurs.
À vous de jouer pour trouver vos couleurs en fonction des émotions que vous voulez transmettre.
Anna Llenas, La Couleur des émotions (livre pour enfants)
Et pour vos enfants, vous pouvez les sensibiliser dès leur plus jeune âge aux couleurs et aux émotions avec le livre d’Anna Llenas : La Couleur des Émotions. Je l’ai acheté pour mon enfant et il le regarde très souvent. Le monstre des couleurs s’y sent tout barbouillé : ses émotions sont mélangées, et l’histoire l’aide à les trier, une couleur par émotion.
