Comment choisir les couleurs de votre site : guide pratique à partir de votre logo
Les couleurs d'un site ne se choisissent pas au goût, mais à partir du logo et du bouton sur lequel vous voulez qu'on clique. Un guide concret, sans art abstrait.
La pire décision de couleur pour un site n'est pas « bleu ou vert ». C'est le moment où le propriétaire ouvre son site et dit : « ajoute-moi aussi cet orange, un peu de turquoise, et du rose ici, c'est mignon. » Après trois couleurs « mignonnes », la page ressemble à un rayon de bonbons — et le bouton sur lequel vous voulez vraiment qu'on clique se perd au milieu.
La vérité est plus simple qu'il n'y paraît. On ne choisit pas les couleurs comme dans un cours de peinture. On choisit un système : une couleur de base, une qui dit « cliquez ici », et le reste qui reste sagement en arrière-plan. Et vous avez déjà le point de départ — votre logo.
Partez du logo, pas du goût
Si vous avez un logo, la moitié du travail est faite. La couleur dominante du logo devient la couleur de marque du site. N'en inventez pas une nouvelle « pour faire plus moderne » — vous créez juste de la confusion quand la carte de visite est verte et le site violet.
En pratique :
- Récupérez le code exact de la couleur du logo (le format HEX, quelque chose comme `#1B4D3E`). Si vous ne l'avez pas, la personne qui a fait votre logo vous l'envoie en deux minutes.
- Utilisez-le pour les éléments de marque : le logo dans l'en-tête, les titres importants, les lignes qui séparent les sections.
- Ne le mettez pas partout. Une couleur de marque qui couvre tout l'écran fatigue l'œil et ne met plus rien en valeur.
Si vous n'avez pas encore de logo, choisissez d'abord une couleur qui vous correspond (voir plus bas), puis construisez le logo autour. L'ordre compte.
Ce qu'une couleur « dit » vraiment
La psychologie des couleurs est réelle, mais ce n'est pas de la magie. Un croissant ne se vend pas mieux parce qu'il est sur un fond marron. Elle compte parce qu'elle pose une attente dès la première seconde, avant que quiconque lise un mot.
- Bleu — confiance, calme, sérieux. C'est pourquoi les banques, les cliniques, les entreprises d'informatique et de comptabilité l'utilisent.
- Vert — nature, santé, équilibre. Idéal pour les cabinets, produits bio, services de soin, jardinage.
- Rouge — énergie, urgence, appétit. Puissant pour la nourriture et les promotions, mais fatigant s'il couvre tout.
- Orange / jaune — amical, accessible, optimiste. Bon pour les services qui veulent paraître abordables, pas chers.
- Noir / or — luxe, premium, exclusivité. Salons, bijoux, services de niche haut de gamme.
- Rose / pastel — douceur, féminité, attention. Cosmétique, événements, services pour enfants.
La règle honnête : la couleur ne doit pas seulement vous plaire. Elle doit dire au client exactement ce que vous voulez qu'il croie de votre entreprise avant même qu'il commence à lire.
La palette dont vous avez besoin : trois rôles, pas dix couleurs
Un site qui convertit n'a pas besoin d'un arc-en-ciel. Il a besoin de trois rôles clairs :
| Rôle | Ce qu'il fait | Part de l'écran |
|---|---|---|
| Couleur de base (marque) | Donne l'identité, vient du logo | ~10 % |
| Couleur d'accent (CTA) | Les boutons : « Appeler », « Réserver », « Demander un devis » | ~10 % |
| Neutres (fond + texte) | Blanc, gris, un texte foncé lisible | ~80 % |
Voilà tout « l'art ». 80 % de la page est essentiellement du blanc et du texte foncé — de l'espace qui laisse l'œil respirer. 10 % est votre couleur de marque. Et les derniers 10 %, les plus importants, sont la couleur d'accent : la couleur du bouton qui amène des clients.
L'astuce : la couleur d'accent doit différer de celle de la marque et contraster fortement avec le fond. Si tout le site est bleu et le bouton aussi, personne ne le voit. Faites-le orange, vert vif, n'importe quoi qui ressort. Le bouton d'action est le seul endroit où vous avez le droit d'être criard.
Le contraste : là où la plupart des ventes disparaissent en silence
Beaucoup de jolis sites perdent des clients pour une raison banale : du texte gris clair sur fond blanc. C'est élégant sur le portable du designer. Sur un téléphone, en plein soleil, pour une personne de 55 ans, c'est invisible.
Règles simples :
- Texte foncé sur fond clair, pas l'inverse, pour les longs textes.
- N'écrivez pas de texte sur une photo sans une couche foncée en dessous pour le rendre lisible.
- Le bouton doit se voir à un mètre, téléphone tendu. Si vous plissez les yeux pour le trouver, c'est raté.
L'accessibilité n'est pas un caprice — c'est la différence entre un client qui appelle et un qui ferme la page.
Erreurs visibles en un instant
- Trop de couleurs — la règle : deux couleurs « réelles » plus les neutres. Point.
- Des couleurs qui ne collent pas au domaine — noir et or pour une crèche, rose pastel pour une entreprise de machines. Ça sonne faux.
- Copier exactement les concurrents — si tout le monde en ville est rouge et blanc, une couleur distincte vous rend mémorable.
- Choisir sur le mauvais écran — la couleur parfaite sur votre moniteur coûteux est différente sur un téléphone bon marché. Testez sur les deux.
Quand nous construisons un site, nous ne partons pas de « quelle couleur vous plaît ». Nous partons du logo, de ce que vous vendez et du bouton qui doit ressortir. Le reste de la palette se place tout seul autour de ces trois éléments. Si vous voulez voir à quoi ressemblerait votre entreprise avec une palette cohérente — non pas décrite, mais construite — écrivez-nous sur WhatsApp et nous vous faisons gratuitement une démo de votre site, dans vos couleurs.
👉 Écrivez-nous sur WhatsApp et recevez une démo gratuite.
Pour les budgets et les forfaits, voyez aussi combien coûte un site web ou pourquoi ai-je besoin d'un site.
Questions fréquentes
Combien de couleurs un site doit-il avoir ?+
Essentiellement deux couleurs « réelles » plus les neutres. Une couleur de marque (issue du logo), une couleur d'accent pour les boutons, et le reste en blanc, gris et un texte foncé. Trois rôles, pas dix nuances. Plus de couleurs ne veut pas dire plus professionnel — en général cela veut dire plus fatigant et un bouton d'action perdu dans la page.
Dois-je partir de mon logo ou puis-je choisir n'importe quelles couleurs ?+
Si vous avez déjà un logo, partez-en — la couleur dominante devient la couleur de marque du site, pour que tout reste cohérent (carte de visite, signature, site). Si vous n'avez pas encore de logo, choisissez d'abord une couleur adaptée à votre domaine, puis construisez le logo autour. L'ordre compte.
De quelle couleur doit être le bouton d'action ?+
Une couleur différente de celle de la marque et qui contraste fortement avec le fond, pour qu'elle saute aux yeux. Si tout le site est bleu et le bouton aussi, personne ne le voit. Orange, vert vif, tout ce qui ressort. Le bouton « Appeler » ou « Réserver » est le seul endroit où vous avez le droit d'être criard.
La psychologie des couleurs compte-t-elle vraiment ?+
Oui, mais ce n'est pas de la magie. La couleur ne vend pas le produit à elle seule, mais elle pose une attente dès la première seconde : bleu = confiance, vert = santé, noir et or = premium. Choisissez la couleur qui dit au client ce que vous voulez qu'il croie de votre entreprise avant même de lire un mot — pas seulement celle qui vous plaît.
Pourquoi les couleurs sont-elles différentes sur mon téléphone et sur mon ordinateur ?+
Chaque écran rend les couleurs un peu différemment, et un texte gris clair qui paraît élégant sur un portable coûteux peut devenir illisible sur un téléphone bon marché en plein soleil. C'est pourquoi nous testons toujours la palette sur un téléphone, pas seulement sur un moniteur — c'est là que la plupart de vos clients ouvrent votre site.
7 erreurs qui font fuir vos clients de votre site
Laissez votre e-mail et recevez le guide ici, tout de suite. Sans spam.
Envie de voir à quoi ressemblerait le site de votre entreprise ?
Écrivez-nous sur WhatsApp et nous préparons GRATUITEMENT un site de démonstration au nom de votre entreprise. Vous le voyez d'abord — vous décidez ensuite.