Choisir les couleurs d'un site : votre préférée n'est pas forcément la bonne
Le choix des couleurs n'est pas une affaire de goût mais de lisibilité et de reconnaissance. Comment choisir une couleur de marque et bien l'employer.
« J'aime le bleu, faisons un site bleu. » C'est la phrase que les designers entendent le plus et celle qui crée le plus de problèmes. Choisir une couleur dépasse largement le goût personnel.
Trois couleurs suffisent
Une bonne palette repose sur trois rôles :
La couleur de fond. Elle couvre l'essentiel de la page. Blanc, blanc cassé ou ton très sombre. Jamais saturée — cela fatigue l'œil.
La couleur du texte. Elle doit fortement contraster avec le fond. Un gris très foncé est souvent plus doux et plus lisible que le noir pur.
La couleur d'accent. Celle de votre marque. Réservée aux boutons, aux liens et à ce qui doit ressortir. Au-delà d'environ 10 % de la page, ce n'est plus un accent.
Pourquoi l'accent doit rester rare
La mise en valeur naît du calme qui l'entoure. Si tout est orange, rien ne ressort. Ce qui attire l'œil vers un bouton, ce n'est pas sa couleur, c'est l'absence de couleur autour.
Le contraste n'est pas négociable
Un texte gris clair sur fond gris clair peut sembler élégant mais reste illisible. Quelqu'un qui regarde son téléphone en plein soleil ne verra pas ce texte du tout.
Il existe un seuil mesurable : pour un texte courant, le rapport de contraste avec le fond doit atteindre au moins 4,5:1. Des vérificateurs gratuits le mesurent en quelques secondes.
La couleur ne doit jamais porter le sens seule
Dire « les rouges sont en rupture » n'a aucun sens pour les visiteurs daltoniens (environ 8 % des hommes). Associez toujours la couleur à un symbole ou à un texte.
Si vous envisagez un thème sombre
Les mêmes couleurs se comportent différemment en mode sombre. Un orange agréable sur fond clair peut devenir agressif sur fond sombre — ou au contraire trop terne pour être lu.
Vérifiez le contraste séparément dans les deux thèmes. Sur ce site, la couleur des icônes passe à un ton légèrement plus foncé en mode clair, parce que l'orange de la marque ne donne pas assez de contraste sur du blanc.
Par où commencer ?
Si vous avez un logo, la palette y est déjà. Faites de sa couleur principale votre accent et gardez le reste neutre. Sans logo, évitez la couleur que tout votre secteur emploie — être orange dans un secteur bleu marque davantage les esprits.
- #design
- #couleur
- #marque
