CSS - Les couleurs

Les couleurs

Le standard CSS propose différentes façons de définir des couleurs :

• par un nom
• avec la notation hexadécimale
• avec la notation décimale

Appel d'une couleur par son nom

Le langage HTML définit des noms pour un nombre limité de couleurs (cf couleurs en HTML). Le nombre de couleurs proposé par le langage HTML est largement insuffisant pour convenir à tous vos besoins, néanmoins il peut être pratique d'appeler les couleurs par leur nom lorsqu'il s'agit de couleurs standard.

Le standard CSS reprend les 16 couleurs de base définies par le standard HTML 4.01 et y ajoute le orange. La liste des couleurs proposées par le standard CSS est la suivante :

aqua	green	orange	white
black	lime	purple	yellow
blue	maroon	red
fuschia	navy	silver
gray	olive	teal

Ainsi, pour définir la couleur bleue pour les titres de niveau 1, il suffit d'une règle CSS telle que la suivante :

h1 {color: blue}

Les navigateurs supportent en réalité plus de 140 noms de couleurs, mais elles ne font pas à l'heure actuelle partie du standard CSS.

Code RVB en notation hexadécimale

Il est possible de définir plus de 16 millions de couleurs en indiquant les valeurs RVB (en anglais « RGB ») d'une couleur selon la notation #RRVVBB, empruntée au HTML, où RR, VV et BB représentent respectivement un nombre hexadécimal entre 00 et FF pour le Rouge, le Vert et le Bleu.

Voici la même déclaration que précédemment avec cette notation :

h1 {color: #0000FF}

Code RVB en notation décimale

Le standard CSS définit une notation RVB dite « fonctionnelle » permettant de définir les composantes de rouge, de vert et de bleu en indiquant leur proportion relative en pourcentage ou bien en notation entière absolue (chaque composante étant un entier compris entre 0 et 255), avec la syntaxe suivante :

rgb(100%,100%,100%)
rgb(24,125,255)

Trucs & astuces pertinents trouvés dans la base de connaissances

13/12 16h46	Définir une hauteur verticale et relative à un élément (Webmaster)
25/07 12h59	Outil! (CSS)
Plus d'astuces sur « CSS couleurs »

Discussions pertinentes trouvées dans le forum

21/09 19h15	CSS - changement de couleur d'un lien	Webmastering	22/09 21h36->Yann	2
13/01 00h13	creer un generateur de couleur css	Webmastering	13/01 00h30->kekedeparis	2
07/01 13h14	[CSS] question débile pour couleur des liens	Internet	08/01 11h56->Fu Xuen	6
20/12 16h38	[CSS] modifier la couleur d'un select	Webmastering	21/12 14h49->kilian	5
26/11 13h49	CSS et couleur de fond	Webmastering	27/11 17h35->Bobinours	3
15/09 19h49	[CSS] couleur des bouton radios	Webmastering	16/09 17h41->Maxg59	3
14/12 22h40	[CSS] Couleur de police changeante.	Webmastering	15/12 08h54->petitemarie	2
29/06 19h03	couleurs entre css et js	Webmastering	29/06 19h03->spacecity	0
03/08 11h00	[html & css] probleme impression couleur	Développement	03/08 11h00->nescence	0
13/01 12h36	[CSS] couleur pour des liens de menu	Développement	14/01 18h11->crycry	4
Discussion fermée Problème résolu		Plus de discussions sur « CSS couleurs »