Initiation à la création de site Web
Utilisation de couleurs
Voir aussi :
Couleurs de base
- Le standard CSS propose trois façons de définir des couleurs :
- par un nom ;
- avec une valeur hexadécimale ;
- avec la valeur décimale.
- Le standard CSS reprend les 16 couleurs de base définies
par le standard HTML 4.01 et y ajoute le orange.
Noms des couleurs et valeurs RGB
|
Black = "#000000" |
|
Green = "#008000" |
|
Silver = "#C0C0C0" |
|
Lime = "#00FF00" |
|
Gray = "#808080" |
|
Olive = "#808000" |
|
White = "#FFFFFF" |
|
Yellow = "#FFFF00" |
|
Maroon = "#800000" |
|
Navy = "#000080" |
|
Red = "#FF0000" |
|
Blue = "#0000FF" |
|
Purple = "#800080" |
|
Teal = "#008080" |
|
Fuchsia = "#FF00FF" |
|
Aqua = "#00FFFF" |
|
Orange = "#FFA500" |
|
- Les navigateurs supportent en réalité plus de 140 noms de couleurs, mais elles ne font pas à l'heure actuelle partie du standard CSS.
- Il est possible de définir plus de 16 millions de couleurs en indiquant les valeurs RGB d'une couleur selon la notation #RRGGBB, où RR, GG et BB représentent respectivement un nombre hexadécimal entre 00 et FF pour le Rouge, le Vert et le Bleu.
Choix de couleurs
Le Webdesigner élabore un certain nombre de règles donnant une unité et une cohérence aux activités du site web. Ces règles incluent la définition de feuilles CSS, le choix
de couleurs, l'intégration d'un logo, etc. La création d'un logo dépend de trois facteurs : l'originalité, l'expressivité et le pouvoir de fixation du souvenir. Il doit être simple, lisible, expressif, et mémorisable facilement.
Facteurs à considérer
- 3 couleurs au maximum
- une multiplicité de couleurs encombre la vue et produit
l’effet contraire à celui recherché
- le blanc, le gris et le noir peuvent être utilisés sans
retenue avec toutes les couleurs de la roue chromatique
- lors de l’utilisation de couleurs différentes, préférer
des couleurs appartenant à une même gamme
- respect des symboliques établies;
exemples :
- rouge : force, passion, interdiction, danger
- noir : mort, deuil, mystère
- vert : espérance, nature, repos
- violet : mystère, spiritualité, mélancolie
- effets psychologiques;
exemples :
- rouge : stimulant, excitant
- jaune : joyeux
- vert : calmant, équilibrant
- violet : triste, mélancolique
les couleurs chaudes (rouge, jaune, orange)
accélèrent le mouvement;
les couleurs froides (bleu, vert, violet) incitent
à la détente et à la réflexion.
- thèmes pour le web;
exemples :
- noir : cinéma, art, culture
- jaune : tourisme, divertissement
- vert : nature, loisirs
- rouge : publicité, médias
- le contraste : une juxtaposition de deux couleurs
complémentaires;
le plus fort contraste est produit par le blanc et le noir;
autres exemples :
jaune et violet |
|
rouge et vert |
|
bleu et orange |
|
|
|
|
|
|
|
|
- l'harmonie;
normallement, on choisit une couleur dominante (remplissage de
grande surface) et des couleurs "toniques" (remplissage de
petites surfaces telles que les objets cliquables, les objets
d'information, ...); voir ce
lien
Validation de couleurs