SELFHTML: HTML / Règles générales / Définir les couleurs en HTML

SELFHTML/Quickbar HTML Règles générales

	Définir les couleurs en HTML
	Couleurs en HTML Données hexadécimales des couleurs Noms de couleurs pour les 16 couleurs de base Noms de couleurs plus spécifiques

Couleurs en HTML

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

Bien que les repères HTML des définitions de couleurs correspondantes soient très différents, il y a pour toutes les définitions de couleurs un schéma uniforme qui est valable pour toutes les définitions de couleurs. En principe il y a deux possibilités de définir les couleurs en HTML:

en donnant les valeurs RGB de la couleur désirée sous forme hexadécimale (RGB = Rouge/Vert/Bleu-valeur de la couleur)
en donnant leur nom

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.

Données hexadécimales des couleurs

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é -->
<font color=#990000>Texte rouge</font>
<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.

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.

Exemple d'affichage: les 16 couleurs de base

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.

Exemple d'affichage: les 256 couleurs de base

Vous trouverez des précisions sur ces palettes et leur signification dans la partie profondeur des tons et palettes de couleurs.

Noms de couleurs pour les 16 couleurs de base

Exemple d'affichage: (tableau avec toutes les couleurs)

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 de couleurs suivants font partie de HTML 3.2 et sont compris par beaucoup de navigateurs WWW.

Exemple:

<body bgcolor=black> <!-- couleur d'arrière plan noire -->
<font color=yellow>Texte jaune</font>
<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. Y sont aussi indiquées les valeurs hexadécimales correspondant aux noms de couleur.

Noms de couleurs spéciaux

Exemple d'affichage: (tableau avec toutes les couleurs)

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 suivants sont interprétés par Netscape et par le MS Internet Explorer.

Exemple:

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


après:	Commentaires et droits
avant:	Signes avec accent, caractères spéciaux et caractères HTML propres

SELFHTML/Quickbar HTML Règles générales