Choisir les couleurs de son site web n’est pas une mince affaire ...
Nous allons voir quelques pistes et astuces pour réaliser ces choix sans être un spécialiste.
D’abord, il faut absolument éviter l’effet Las Vegas, trop de couleurs brouillant complètement la lisibilité du site.
Sans que cela soit une règle infaillible, nous allons nous concentrer sur le choix de 3 couleurs :
- 1 couleur principale
- 1 couleur adjacente (à la couleur principale)
- 1 couleur complémentaire (à la couleur principale)
Voir cet article pour des explications et d’autres pistes.
Nous travaillerons ensuite sur les nuances pour élaborer une palette complète.
Le point de départ de votre charte graphique peut être très différent selon les projets.
Construire sa palette à partir ...
d’un bandeau
De nombreux sites permettent de construire une palette à partir d’une image comme votre bandeau, par exemple.
En voici une sélection :
- color.adobe.com
- coolors.co : simple d’utilisation car en partie automatisé, complet et paramétrable. Nuances possibles aussi.
d’une couleur principale
L’idée est de partir d’une couleur et de déterminer les 2 autres grâce à un outil adapté.
- Paletton.com : travail sur le cercle chromatique, très complet et puissant.
- materialpalette.com : choix limité mais très simple d’utilisation et efficace.
- alphadesign.fr permet de construire un nuancier allant d’une couleur à une autre.
de palettes existantes
Si aucune idée de départ, pas d’image, pas de créativité au bon moment … on peut aller voir ce qu’on fait les autres !!
de la palette extraite d’un site
On peut aussi ajouter l’extension Colorzilla à son navigateur pour copier le code d’une couleur sur un site qu’on visite.
Une fois votre palette de couleurs établie, vous pourrez la mettre en place dans l’espace privé :
- cliquer sur "Squelettes → Escal"
- cliquer ensuite sur "Un peu de style → Les fonds et les textes"
- inscrivez vos codes couleurs dans les cases correspondantes