Imprimer cette page

Choix des couleurs

choix des couleurs CMS Made Simple,tableau des couleurs,choix des couleurs i17.fr,aspect global de la page,corps de page,pied de page,bannière d'entête

Effectuer un bon choix des couleurs pour votre site le rendra plus lisible et plus attrayant. Notre design par défaut (celui qui est utilisé dans ce site de démo) fait appel à de nombreuses couleurs. Afin de s'y retrouver plus facilement, nous les avons rassemblées dans les groupes suivants :

  • Aspect global de la page
  • Corps de page
  • Menu principal
  • Bannière d'entête
  • Pied de page
  • Liens dans le corps de page
  • Liens dans le pied de page

Dans le groupe « Aspect global de la page », nous avons :

Dans le groupe « Corps de page », nous avons :

  • La couleur de la ligne d'en-tête (située tout au dessus du corps de page)
  • La couleur de fond
  • La couleur du texte pour le nom du site
  • La couleur de mise en évidence du champ de recherche au survol de la souris
  • La couleur du texte du menu « breadcrumb (fil d'Ariane) »
  • La couleur des titres et sous-titres
  • La couleur du texte (par défaut)
  • La couleur de l'icône de remontée de page au survol de la souris

Dans le groupe « Menu principal », nous avons :

  • La couleur de fond pour les menus principaux
  • La couleur de fond au survol de la souris (menus principaux avec des sous-menus)
  • La couleur du texte des menus principaux au survol de la souris
  • La couleur du texte des sous-menus de premier et de deuxième niveau au repos
  • La couleur du texte des sous-menus de premier et de deuxième niveau au survol de la souris
  • La couleur du texte des sous-menus de premier et de deuxième niveau lorsqu'ils ont le focus
  • Pour les appareils mobile, la couleur de la bordure supérieure du menu de la page courante

Dans le groupe « Bannière d'entête », nous avons :

  • La couleur de fond sur le bord du dessus
  • La couleur de fond médiane
  • La couleur de fond sur le bord du dessous
  • La couleur du texte pour les slogans
  • La couleur du texte pour les sous-slogans

Dans le groupe « Pied de page », nous avons :

  • La couleur de fond
  • La couleur des titres et sous-titres
  • La couleur du texte
  • La couleur des icônes des réseaux sociaux au repos
  • La couleur des icônes des réseaux sociaux lorsqu'ils sont survolés par la souris

Dans le groupe « Liens dans le corps de page », nous avons :

  • La couleur des liens au repos
  • La couleur des liens lorsqu'ils sont survolés par la souris
  • La couleur des liens lorsqu'ils sont cliqués
  • La couleur que prennent les liens lorsqu'ils ont été visités

Dans le groupe « Liens dans le pied de page », nous avons :

  • La couleur des liens au repos
  • La couleur des liens lorsqu'ils sont survolés par la souris
  • La couleur des liens lorsqu'ils sont cliqués
  • La couleur que prennent les liens lorsqu'ils ont été visités

Nous avons regroupé, dans le tableau qui suit, quelques couleurs plutôt sympatiques.

ambre aqua azur beige bisque blond bleu lagon rouge boston
               
turquoise bronze café au lait capri céleste cerise coquelicot cyan
               
désert coquille d'oeuf faune flame mauve fuchia brun doré
               
raisin crayola grizzly harlequin vague de chaleur héliotrope iceberg impérial
               
indigo ivoire jade jonquille kiwi citron magenta magnolia
               
mauve beu maya melon vert menthe jaune moutarde navy vert néon ocre
               
bleu océan olive orange pantone bleu pacifique papaye pastel pêche rose
               
prune quartz ruby saumon sable sepia bleu ciel fraise
               

En informatique, les couleurs sont définies par une valeur héxadécimale. Comme il existe 16.777.215 combinaisons possibles, il serait difficile (voire impossible) de donner un nom à chaque couleur (composée d'un certain dosage de rouge, de vert, et de bleu).
Il existe une page Wikipedia (en langue anglaise) qui liste un grand nombre de couleurs et de nuances de couleurs. Vous pouvez la consulter en cliquant sur ce lien.

Page précédente : Personnalisation Page suivante : Evolution