Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Le choix des couleurs
Article mis en ligne le 29 décembre 2016
dernière modification le 7 décembre 2023

par Jean Christophe Villeneuve

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

Dans la même rubrique

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.4