Le choix de couleurs 2

Les couleurs peuvent être très utiles dans la communication de tous

les jours, tellement qu’elles sont utilisées pour démontrer un risque
de danger, pour signaler le droit de passage et même et dans
certains cas les couleurs peuvent jouer un rôle sur notre humeur et
nos émotions.

Lorsqu’on développe un site Web, il faut garder en compte plusieurs facteurs qui peuvent
influencer nos visiteurs, un de ces facteurs très important est les couleurs du site web.

Les couleurs d’un site ne sont pas choisies au hasard. Souvent on utilise un modèle de couleur,
« Color Scheme » en anglais, celui-ci nous permet de voir les différentes couleurs qui s’agencent
bien ensemble.

Il existe plusieurs types de combinaison pour établir les modèles de couleurs et les combinaisons
débutent à partir du cercle chromatique.

Je vous donne deux exemples :

Modèle complémentaire

Les couleurs opposées sur la roue de couleur sont considérées comme des
couleurs complémentaires (exemple: rouge et vert).

22
La psychologie et l’utilisation des couleurs dans le design web
2
Cercle chromatique : Un cercle chromatique est une représentation ordonnée des couleurs utilisée en
peinture, en teinturerie, en design industriel, en mode, en arts graphiques. Les couleurs se succèdent
dans l'ordre de celles de l'arc-en-ciel, la fermeture s'effectuant par une transition du rouge au violet en
passant par les pourpres.
Source image : http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm
Modèle triadiques

Un jeu de couleurs triadiques utilise des couleurs qui sont régulièrement

espacées autour de la roue de couleur.

Modèle monochromatique

Cette combinaison de couleurs utilise deux ou trois

couleurs de la même famille de couleurs sur la roue
de couleur.

Impact psychologique3

Sur un site internet comme ailleurs, les couleurs ont un impact psychologique.
 Le blanc est synonyme de pureté
 le jaune de joie, le rouge de passion, de sensualité ou de colère
 le vert de nature, d’apaisement, de confort, etc.

Les couleurs d’un site internet ont un impact considérable

3
https://www.lafabriquedunet.fr/creation-site-vitrine/articles/choisir-couleurs-site-internet-exemples/
Voici un petit aperçu de la symbolique des couleurs :

Plusieurs études scientifiques ont d’ailleurs prouvé le lien entre la couleur des produits et le
désir d’acheter.
Voici un exemple réussi d’utilisation des couleurs (L’Oréal) :

Cette photo utilise différentes nuances de rose, sur un fond violet. Une image comme celle-ci
est engageante, spécialement pour un public féminin. Elle symbolise la beauté et la
sophistication, ce qui correspond à l’entreprise et aux produits de beauté qu’elle commercialise.

Le choix des couleurs n’est pas l’effet du hasard. De la même manière, ce n’est pas un hasard si
la page de connexion de Facebook ou la page d’accueil de Paypal sont basées sur des nuances
de bleu. Le bleu inspire la confiance.
Deux exemples d’utilisation des couleurs

Un site de machines à sous a changé la couleur du bouton de vert à jaune et il y a eu une

augmentation de plus de 180%.

#1 Le jaune

On dit parfois que le jaune symbolise la sérénité. Cette couleur convient en tout cas
parfaitement aux boutiques ecommerce qui commercialisent des jouets ou des jeux pour
enfants. En partie parce que cette couleur est associée à la prudence, mais aussi à la joie de
vivre, à l’innocence.

Le jaune est souvent considéré comme la couleur la plus énergique. Dès leur plus jeune âge, les
enfants associe le jaune au soleil, et donc à la chaleur et au bonheur.

Les sites qui ont les enfants pour cible (ou leurs parents) ont donc tout intérêt à miser sur cette
couleur. Ce n’est pas une règle absolue. La preuve, La Grande Récré et Toys R Us ont opté pour
le bleu, et JouéClub pour le rouge. On peut ensuite jouer sur les nuances de couleurs. Le jaune
sombre suggère l’antiquité (la couleurs des parchemins), et peut être associé à la sagesse ou à la
curiosité.

#2 Le vert

Le vert est la couleur de la paix, de la tranquillité, de l’apaisement et de la nature. Il procure un

sentiment de calme, d’optimisme, voire de régénération. Les nuances foncées du vert sont
quant à elles plutôt associées à l’argent (dollar oblige), et peut être utilisé à bon escient par les
sites qui veulent suggérer la richesse, la croissance et la stabilité (financière).

Les nuances claires du vert sont plutôt associées au printemps, et peuvent être utilisées par les
sites qui veulent refléter la relaxation, la fraîcheur ou l’honnêteté. Les sites liés à
l’environnement ont tout intérêt à choisir le vert comme couleur dominante.
Exemples de combinaisons de couleur

#1 Neutre et versatile

Les couleurs neutres de cet exemple (les nuances de gris ou de bronzage) offrent une grande
versatilité. Ces couleurs peuvent être associées avec à peu près n’importe quelles autres
couleurs. Après, il peut être intéressant de n’utiliser que des couleurs neutres de ce type pour
son site. Tout dépend de la manière dont vous appliquez ces couleurs à votre design, mais ces
couleurs neutres peuvent donner une impression haut-de-gamme et de sophistication
(exemples : sites d’hôtel de luxe), ou bien inspirer des sentiments de calme et de confort.
#2 Fun et tropical

Ce mélange de couleurs donne une impression de joie et de bonne humeur, d’exotisme aussi. Il
est idéal par exemple pour le design d’une carte d’invitation à une soirée d’été décontractée, ou
pour celui d’une affiche d’événement pour enfants. Cette palette de couleurs est sans ambiguïté
: elle est synonyme de fun, de manière non équivoque.
#3 Moderne et rafraîchissant

Associer le noir et le blanc avec le vert engendre une palette de couleurs qui donne un
sentiment de sophistication, sans pour autant tomber dans l’esprit de sérieux. Contrairement à
l’association noir et blanc + rouge (ou + bleu), cette combinaison mettant à l’honneur le vert est
très rafraîchissante.
#4 Elegant et retro

Les nuances discrètes de ces couleurs donne un cachet vintage à cette combinaison. Ce bleu eau
et cette couleur or étaient très tendance dans les années 1950 et 1960. Ce qui signifie pas que
cette combinaison est daté. Au contraire, ces couleurs – et plus généralement l’esthétique du
milieu du XXème siècle – connaît un regain de popularité depuis quelques années.
#5 Bleus glacés et gris

Le fait de combiner un gris chaud avec des bleus froids, et même glaciaux, produit un effet
dynamique intéressant. Il en résulte un bel effet de luminosité et de brillance. Cela contraste
avec les bleus ternes généralement utilisés.
#6 Frais et énergique

La combinaison de ce bleu néon avec ce vert clair compense les deux autres couleurs, plutôt
ternes, et ajoute une vraie fraîcheur à l’ensemble. Ce type d’association s’adapte très bien pour
des marques de fitness par exemple, ou pour tous les sites qui ont besoin d’un design faisant la
part des choses entre le sérieux (le côté « professionnel ») et la sensation d’énergie.
#7 Rafraîchissant et joli

Ces nuances de bleu turquoise et le jaune vif, associés à un rose chewing-gum, forment une
palette de couleurs rafraîchissante, « bonbon ». Si vous trouvez que le rose donne à la
combinaison un aspect trop « girly », retirez-le. La combinaison des deux bleus et du jaune est
en soi opérante.
#8 Méditerranéen

Quiconque a déjà pris un repas dans un restaurant italien retrouvera dans cette combinaison
des reminiscences de la gastronomie italienne : le jaune des pâtes, le rouge de la sauce tomate
et du vin. Cette combinaison de couleurs permet d’ajouter une touche de chaleur à votre site. Le
fait d’intégrer une couleur plutôt terne (la couleur crème) permet de créer un contraste
intéressant avec les autres couleurs, très vives.
#9 Elegant et moderne

Le noir, le gris et le blanc conviennent quasiment partout. Le fait d’ajouter un bleu cobalt
transforme une combinaison plutôt neutre à la base en un design moderne. Cette palette peut
être utilisée pour tous types de sites, du site d’entreprise au site tendance.