Bandeau
Escal V3
Site de démonstration

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.

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

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

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 très clair ou celui-ci plus approfondi 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
  • pictaculous.com extrait les couleurs utilisées dans l’image et propose des palettes.
  • 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 Rainbow ou Colorzilla à son navigateur pour copier le code d’une couleur sur un site que vous visitez.

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

Forum
Répondre à cet article

Dans la même rubrique



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.27