Notice : Undefined variable: index : in /ref/index.php on line 13
Les couleurs -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Référence HTML et JavaScript > Les couleurs

Les couleurs

Cette partie de la documentation se penche sur les différentes façons de spécifier les couleurs en HTML et en CSS. Il y a 3 manières différentes de définir une couleur en CSS, deux sont acceptés éventuellement en HTML, mais vous ne devriez normalement pas les utiliser en HTML si vous avez séparé correctement le contenu de la mise en forme de vos pages.

  1. Le code hexadécimal
  2. Le nom de la couleur s'il existe
  3. Les valeurs RGB exactes

1. Le code hexadécimal

Vous pouvez indiquer une couleur en CSS (ou en HTML) grâce à son code hexadécimal. La syntaxe général d'un code hexadécimal est un signe # (dièse) suivi de 6 chiffres hexadécimaux, soit le chiffres entre 0 et 9 complétés par les lettres de A à F. Chaque paire de deux chiffres hexadécimaux indiquent le taux de rouge, de vert et de bleu de la couleur. Le premier groupe juste après le dièse correspond au taux de rouge, le deuxième le vert et le troisième le bleu. Ces codes hexadécimaux sont les mêmes qu'en HTML si vous utilisez les balises dépréciées font par exemple.

Voici quelques exemples de couleurs et leur code correspondant :

CodeCouleur
#000000Noir
#FFFFFFBlanc
#FF0000Rouge
#00FF00Vert
#0000FFBleu
#FFFF00Jaune
#FF00FFFushia
#00FFFFCyan
#808080Gris

2. Les noms de couleurs

La plupart des navigateurs modernes sont capables de reconnaître certains noms de couleurs prédéfinies pour le CSS et le HTML. Voici une liste des principaux noms reconnus (leurs noms anglais ne sont pas assez explicites ?)

  • black
  • white
  • red
  • green
  • blue
  • yellow
  • magenta
  • lime
  • cyan
  • gray
  • darkGray
  • lightGray
  • silver
  • orange
  • navy
  • olive
  • turquoise
  • purple

Il en existe beaucoup d'autres, cela dépend avant tout du navigateur utilisé, la liste ci-dessus recense les plus courants.

3. Les valeurs RGB exactes

Cette notation est typique de CSS et n'est pas possible en HTML. Elle consiste à donner les trois composantes rouge, vert et bleu de la couleur sous forme numérique et décimale. Chaque nombre doit être compris entre 0 et 255, 255 représentant la plus forte intensité. La syntaxe génnérale est la suivante : rgb(rouge, vert, bleu) où vous remplacerez rouge, vert et bleu par leurs équivalents numériques.

Certains navigateurs autorisent aussi une notation similaire mais en pourcentages, dans ce cas, il faut faire suivre la valeur numérique de 0 à 100 par le signe % (pourcent).

Voir aussi

Le site vous propose également, en complément, un outil utile. Le convertisseur de couleurs, comme son nom l'indique, vous permet de convertir les codes hexadécimaux des couleurs en codes RVB et inversément, et vous affiche en plus la couleur obtenue, dès votre saisie, sans autre validation préalable.

Vous êtes ici : Accueil > Référence HTML et JavaScript > Les couleurs

Dernière modification de cette page : Dimanche 23 avril 2006 19:07
Haut de page  •  Contact  •  RSS  •  Valide XHTML 1.0