Les couleurs de votre site : comment les choisir

Les couleurs donnent la première impression d’un site, avant même la lecture. Bien choisies, elles le rendent reconnaissable et agréable. Mal choisies, elles fatiguent, rendent le texte illisible ou font « bricolé ». Bonne nouvelle : une méthode simple suffit.

Si vous avez un logo, une devanture, des véhicules ou des cartes de visite, vos couleurs existent déjà. Le site doit les reprendre, pour que vos clients vous reconnaissent. Si vous partez de zéro, pensez à votre métier et à l’émotion recherchée : calme pour un spa, confiance pour un cabinet, énergie pour une salle de sport.

Choisissez une couleur principale (pour les boutons, les liens, les détails), une ou deux couleurs d’accompagnement plus discrètes, et beaucoup de neutres (blanc, gris très clair, noir doux pour le texte). Trop de couleurs fortes, et plus rien ne ressort.

Le texte doit se lire facilement, y compris pour les personnes plus âgées ou malvoyantes. Un texte gris clair sur fond blanc est élégant… et illisible. Visez un contraste suffisant entre le texte et le fond ; des outils gratuits permettent de le vérifier.

Le vert évoque la nature, la santé ; le bleu, la confiance ; le rouge, l’urgence ou l’appétit ; les tons sable et terre, la chaleur et l’artisanat. Ce ne sont pas des règles absolues, mais des tendances utiles pour éviter les contresens.

• Un fond foncé avec beaucoup de texte : fatigant à lire.
• Des boutons de la même couleur que le reste : invisibles.
• Des couleurs différentes sur chaque page.
• Des dégradés et des ombres partout.

Une ébénisterie choisit : un fond crème (pas un blanc froid), un texte presque noir, une couleur principale vert sapin pour les boutons et les titres, et une touche de bois clair sur quelques fonds de sections. Quatre couleurs en tout. Le site paraît chaleureux, sérieux, et les boutons ressortent clairement.

« Mon logo est rouge vif, tout le site doit-il être rouge ? » Non : le rouge peut servir aux boutons et aux accents, sur un fond clair et calme. Un site entièrement rouge fatigue les yeux.

« Fond sombre ou fond clair ? » Un fond clair est plus lisible pour les longs textes. Un fond sombre peut convenir à certaines sections ou à certains métiers (bar, photographe), avec un bon contraste.

• Partir de votre identité.
• Une couleur principale, une ou deux secondaires.
• Un fond clair et du contraste.
• Une couleur réservée aux actions.
• Tester sur téléphone, en plein soleil.

Nos sites utilisent une couleur principale réglable dans l’éditeur (Style du site), qui change d’un coup tous les boutons, liens et détails. Les fonds peuvent prendre des « couleurs douces » pour réchauffer certaines sections sans perdre la lisibilité.