SELFHTML

Définir les couleurs en HTML

Page d'information: vue d'ensemble

vers le bas Généralités sur les couleurs en HTML
vers le bas mentions hexadécimales de couleur
vers le bas Noms de couleurs pour les 16 couleurs de base
vers le bas Noms de couleurs Netscape

 vers le bas 

Généralités sur les couleurs en HTML

Vous pouvez définir des couleurs en HTML dans de nombreux cas par exemple:

À vrai dire, toutes ces mentions HTML sont entre-temps classées "en cours d'abandon" deprecated par le consortium W3, c'est à dire qu'elles doivent dans le futur disparaître du standard du langage. La raison en est que toutes ces couleurs peuvent également être définies à l'aide de Chapitre: vue d'ensemble feuilles de style en cascade. Car c'est CSS qui est le langage pour l'effet optique et non plus HTML. De toutes façons il est malgré tout intéressant de connaître la définition de couleurs en HTML parce que les mêmes mentions de couleur sont possibles dans les CSS quoiqu'on y trouve pourtant des possibilités supplémentaires. Dans la partie sur les Autre page d'information mentions de couleur dans les CSS le thème sera traité du point de vue des feuilles de style.

Il y a deux possibilités essentielles de définir les couleurs en HTML:

Si vous donnez des valeurs hexadécimales vous travaillez indépendamment du navigateur et avez le libre choix entre 16,7 Millions de couleurs.

Si vous donnez des noms de couleur, vous évitez la définition complexe d'une couleur en mode hexadécimal. À la date d'aujourd'hui, seulement 16 noms de couleurs sont officiellement standardisés. Il y a bien d'autres noms de couleurs, mais ceux-ci dépendent du navigateur.

 vers le hautvers le bas 

mentions hexadécimales de couleur

Si vous définissez les couleurs en mode hexadécimal vous devez reconstituer la couleur désirée par rapport aux trois couleurs de bases Rouge, Vert et Bleu (valeurs RGB).

Exemples:

<body bgcolor="#808080"> <!-- couleur d'arrière plan gris foncé -->
<table bgcolor="#00C0C0"> <!-- couleur d'arrière plan du tableau bleu-vert -->
<hr color="#CC00CC">  <!-- ligne de séparation violette -->

Explication:

Chaque définition de couleur hexadécimale a 6 caractères et suit le schéma: #XXXXXX.
Notez donc d'abord un signe dièse #. À la suite suivent 6 emplacements pour la définition de couleur. Les deux premiers emplacements représentent la valeur du rouge, les deux emplacements suivants la valeur du vert, et les deux derniers la valeur du bleu.

mentions hexadécimales de couleur

Les chiffres hexadécimaux sont:

0 (correspond au chiffre décimal 0)
1 (correspond au chiffre décimal 1)
2 (correspond au chiffre décimal 2)
3 (correspond au chiffre décimal 3)
4 (correspond au chiffre décimal 4)
5 (correspond au chiffre décimal 5)
6 (correspond au chiffre décimal 6)
7 (correspond au chiffre décimal 7)
8 (correspond au chiffre décimal 8)
9 (correspond au chiffre décimal 9)
A (correspond au chiffre décimal 10)
B (correspond au chiffre décimal 11)
C (correspond au chiffre décimal 12)
D (correspond au chiffre décimal 13)
E (correspond au chiffre décimal 14)
F (correspond au chiffre décimal 15)

Un signe hexadécimal peut donc avoir 16 valeurs différentes. Pour chaque valeur de couleur (rouge, vert, bleu) on dispose de 2 signes ce qui donne 16 x 16 (= 256) possibilités de définition par couleur.

Attention:

Il y a 16 couleurs de base pouvant être affichées par tous les écrans compatibles VGA.

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

Il y a en outre 216 couleurs standard que Netscape met à disposition en interne quelque soit l'environnement. Cette palette de couleurs s'est développée sur le WWW en une sorte de quasi standard.

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

Vous trouverez des précisions sur ces palettes et leur signification dans la partie Autre page d'information palettes de couleurs standards.

Pour vous faciliter le tâche définition des couleurs, il y a dans cette documentation un assistant pour le Autre page d'information choix de couleurs.

 vers le hautvers le bas 

Noms de couleurs pour les 16 couleurs de base

Pour définir une couleur avec un nom de couleur mentionnez simplement à la place de la valeur hexadécimale RGB le nom de la couleur désirée. Les noms des des 16 couleurs de base font partie de HTML 3.2 et sont compris par beaucoup de navigateurs WWW.

Exemples:

<body bgcolor="black"> <!-- couleur d'arrière plan noire -->
<table bgcolor="aqua"> <!-- couleur d'arrière plan du tableau bleu ciel -->
<hr color="red">  <!-- ligne de séparation rouge -->

Explication:

Donnez le nom de la couleur désirée à l'endroit où une indication de couleur est permise.
Pour avoir un récapitulatif des couleurs permises, voyez l'exemple d'affichage suivant. Y sont aussi indiquées les valeurs hexadécimales correspondant aux noms de couleur.

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

 vers le hautvers le bas 

Noms de couleurs Netscape

Pour définir une couleur avec un nom de couleur mentionnez simplement à la place de la valeur hexadécimale RGB le nom de la couleur désirée. Ces noms sont interprétés par Netscape et par l'Explorer Internet MS.

Exemples:

<body bgcolor="brown"> <!-- couleur d'arrière plan marron -->
<table bgcolor="darkblue"> <!-- couleur d'arrière plan de tableau bleu foncé -->
<hr color="pink">  <!-- ligne de séparation rose -->

Explication:

Donnez le nom de la couleur désirée à l'endroit où une indication de couleur est permise.
Pour avoir un récapitulatif des couleurs permises, voyez l'exemple d'affichage ci-après. Y sont aussi indiquées les valeurs hexadécimales correspondant aux noms de couleur.

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

 vers le haut
page suivante Autre page d'information Référencer en HTML
page précédente Autre page d'information Alphabets, caractères spéciaux et caractères HTML spécifiques
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@fr.selfhtml.org