Les couleurs affichées dans les pages Html sont choisies dans une vaste gamme de nuances dont la source codifiée provient du spectre de base : RVB : rouge, vert et bleu. Cette codification se fait en 3 groupes (comme les 3 couleurs de base) de 2 signes. Chacun de ces groupes de 2 signes indique une couleur en valeur hexadécimale. La combinaison de ces 3 groupes constitue les différentes nuances affichables.
Il peut être plus aisé, et plus simple après tout, d'écrire en "clair" la couleur désirée. Cette méthode n'est toutefois pas toujours reconnue par tous les navigateurs. 16 de ces couleurs (nous revenons là à la notion hexadécimale ...) sont néanmoins reconnues par tous les "bons" navigateurs. Les voici :
variable |
couleur affichée |
variable |
couleur affichée |
white : |
blanc |
silver : |
argent |
black : |
noir |
gray : |
gris |
yellow : |
jaune |
lime : |
vert clair |
aqua : |
bleu clair |
green : |
vert |
blue : |
bleu |
olive : |
vert olive |
navy : |
bleu marine |
teal : |
cyan foncé |
red : |
rouge |
fuchsia : |
fuchsia |
maroon : |
marron ou rouge foncé |
purple : |
violet |
Ce petit tableau suffit à la toute grande majorité des besoins : autant l'imprimer pour l'avoir sous la main ! Il suffit tout simplement d'écrire en code source après la balise </HEAD> de la manière suivante :
|
pour la couleur de fond |
|
pour la couleur de texte |
et de même pour les couleurs de liens LINK, de tableaux BGCOLOR, etc.
Ces couleurs et leur mise en oeuvre sont valables pour tous les besoins de l'élaboration d'une page Html. Vous constaterez après être passé en mode page et revenant au code source que des éditeurs comme Claris Home Page, par exemple, traduisent automatiquement la variable en mode hexadécimal.
La mode est toutefois aux fonds plus élaborés, généralement aux images déployées en mosaïque, tel le fonds de cette page. Celles-ci, combinées avec un script tel que décrit dans "les fonds de page qui se démarquent", permettent même d'obtenir un effet en 3D. Cet effet peut être obtenu très simplement en écrivant, en lieu et place de la couleur, l'adresse exacte du fichier image choisi. Comme ceci :
|
à insérer, en code source, juste après la balise </HEAD>, en respectant scrupuleusement le chemin d'accès !