Gestion de la couleur en CSS
CHAPITRE 4
67
Quelques ressources sur le Web
Les couleurs et leur symbolique sont largement abordées sur le Web. Pour les sites en
français, l’une des références en la matière est le célèbre www.pourpre.com. Il aborde
exhaustivement les couleurs, de façons variées et souvent poétiques. C’est un site à
visiter de toute urgence, ne serait-ce que pour son ambiance reposante et ses articles
très didactiques.
Pour tester et simuler les différentes teintes de votre charte graphique et en observer instantanément les accords chromatiques, rendez-vous sur le site www.smartpixel.net/ chromoweb/fr/. Plusieurs gabarits vous proposeront aussi de peaufiner vos choix de couleurs.
Les lecteurs comprenant l’anglais trouveront sur www.colormixers.com un outil les
conseillant sur les bons accords entre couleurs (dominantes, toniques, etc.), clés d’un
design réussi. Sa nouvelle maquette, plus évoluée, réussie et compatible (elle fonctionne désormais avec le navigateur Mozilla) vous permettra de charger des thèmes
prédéfinis de couleurs, d’en créer de nouveaux, d’exporter vos couleurs vers les logiciels Photoshop ou Illustrator, etc.
Votre charte graphique établie, vous pourrez peut-être postuler sur
www.joliespages.com et apparaître dans sa galerie de sites au design réussi.
Tableau 4–2 Récapitulatif des notations de couleurs
Couleur
Mot-clé
RGB
Hexadécimal
Hexadécimal court
Noir
black
rgb(0,0,0)
#000000
#000
Blanc
white
rgb(255,255,255) #ffffff
#fff
Gris
gray
rgb(128,128,128) #808080
Argent
silver
rgb(192,192,192) #c0c0c0
Bleu
blue
rgb(0,0,255)
#0000ff
#00f
Bleu marine
navy
rgb(0,0,128)
#000080
Cyan
cyan
rgb(0,255,255)
#00ffff
#0ff
Cyan foncé
teal
rgb(0,128,128)
#008080
Vert
green
rgb(0,128,0)
#008000
Vert olive
olive
rgb(128,128,0)
#808000
Vert clair
lime
rgb(0,255,0)
#00ff00
#0f0
Lilas
fuschia
rgb(255,0,255)
#ff00ff
#f0f
Violet
purple
rgb(128,0,128)
#800080
Rouge
red
rgb(255,0,0)
#ff0000
#f00
Marron
maroon
rgb(128,0,0)
#800000
Jaune
yellow
rgb(255,255,0)
#ffff00
#ff0