Couleurs pour votre site
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 :
- La couleur de fond
- Nota : il est possible d'utiliser une image d'arrière-plan (exemple de site avec une image d'arrière-plan)
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.