Question de couleurs

Toute nuance est décomposée en 3 couleurs de base, rouge vert et bleu (red-green-blue : rgb), chacune quantifiée sur 256 niveaux de 0 à 255, ou 00 à FF en hexadécimal. ff0000 donne le rouge, 00ff00 le vert (lime) et 0000ff le bleu. 000000 correspond à aucune lumière (noir) et ffffff à toutes les couleurs au maximum (blanc). Le jaune est, ici, complémentaire du bleu. Leurs codes sont donc "complémentaires" : ffff00 / 0000ff. De même pour rouge/aqua et lime/fuchsia.

Choisir une couleur sur une palette

Les 16 couleurs principales du HTML 3.2 : (ci-dessus)
Pour la démonstration le tableau est composé non de deux rangées mais de quatre, de couleurs identiques deux à deux, l'une utilisant le code, l'autre le nom des couleurs.

#c0c0c0	#ffffff	#ff0000	#ffff00	#00ff00	#00ffff	#0000ff	#ff00ff
silver	white	red	yellow	lime	aqua	blue	fuchsia
#808080	#000000	#800000	#808000	#008000	#008080	#000080	#800080
gray	black	maroon	olive	green	teal	navy	purple

Palette des 216 couleurs (safety palette) et codes hexadécimaux.
Palettes de 4096 couleurs avec codes hexadécimaux.
+++ Les couleurs du web, site de J.Y.Bernier // Choisir des couleurs assorties parmi les 216 couleurs : www.pescadoo.net/html/experi.html.
http://acestgratuit.free.fr/couleurs.htm

Comment récupérer une couleur à l'écran

Eventuellement, ouvrir la source de la page et chercher le code de la couleur.
Pipette, extension Firefox : http://extensions.geckozone.org/ColorZilla/
ColorPic.exe : Ce petit Freeware possède une loupe permettant de récupérer les codes de la couleur d'un pixel choisi sur n'importe quelle zone de l'écran ! [ColorPic v 2 : Win 95/98/ME/NT4/2000 - 144 ko] (www.iconico.com/colorpic/colorpic.zip - Lien trouvé sur Gratilog.net)

Symbolique des couleurs et choix d'une couleur dominante.

(voir une page d'intro à rechercher sur AllHTML)

Pensez aux personnes ayant une anomalie de la vision des couleurs

Utiliser des couleurs sans danger de confusion.
VisCheck est un Plug-In simulant les handicaps relatifs à la couleur.

Comment écrire les couleurs dans une page html ou css :

Unités de couleur des recommandation CSS1.
Mots-clé
- Nom (anglais) de la couleur, ex. : red lime blue ...
  [en xhtml : écrire en minuscules ? (MaJ. ou min. indifféremment en html)]
Valeurs numériques.
- Codes RGB (de 0 à 255, entre parenthèses, séparés par des virgules) rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) ...
- Idem en "pourcentage" (c-à-d de 0 à 100, suivi du signe %) : rgb(100%,0%,0%) rgb(0%,100%,0%) rgb(0%,0%,100%) ...
- Code hexadécimal (précédé du signe dièse #) : #ff0000 #00ff00 #0000ff ...
- Idem sur sur 3 digits (transformés en 6 digits par réplication : #fff donne #ffffff) : #f00 #0f0 #00f ...
Ecriture des couleurs dans les balises HTML et XHTML 1.0 transitional : (l'hexadécimal 3 digits ne marche pas)
- Plusieurs balises HTML supportaient l'attribut color ou bgcolor.
- <body bgcolor="#fdfdfd" text="rgb(0,0,0)" link="blue">
- <font color="olive">bla-bla</font>
- <table bgcolor="rgb(100%,100%,90%)"><tr bgcolor=""><td bgcolor="">...
- Cette façon d'écrire les couleurs dans les balises est déconseillée en XHTML au profit des feuilles de style.
Exemples d'écriture des couleurs sur feuille de style :

<style type="text/css">
<!-- /* il n'est pas interdit d'être plus "homogène" ! */
body { background-color: #eef; text:rgb(0%,0%,20%)}
a:link {color:#0000ff; }
a:visited {color:#990099; }
a:active {color:red; }
h1 { color: #00aa77; border-bottom: 1px solid green;}
blockquote { color: rgb(0,128,0) ;} /* green #008000 */
table { background-color: #dddddd; } /* villaine table! */
/*  etc.  */
-->
</style>