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 certain nombre de couleurs (cf couleurs en html). Le nombre de ces couleurs est largement insuffisant pour couvrir tous vos besoins, mais appeler les couleurs par un nom est parfois bien pratique.

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

black #000000 gray #808080
maroon #800000 red #FF0000
green #008000 lime #00FF00
olive #808000 yellow #FFFF00
navy #000080 blue #0000FF
purple #800080 fuchsia #FF00FF
teal #008080 aqua #00FFFF
silver #C0C0C0 white #FFFFFF
       
    orange #FF9900

 

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.

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

h2 { color: #00FF00}

 

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 :

h3 { rgb(100%,0%,0%)}
h4 { rgb(255,255,0)}

<!> Ces deux dernières notations ne sont pas reconnues par tous les navigateurs.<!>

 

Test

 pour h1 du bleu

 pour h2 00FF00 (du vert)

 pour h3 rgb(100%,0%,0%) (du rouge)

 pour h4 rgb(255,255,0) (du jaune)

Ce document intitulé «  CSS - Les couleurs  » issu de l' encyclopédie informatique Comment Ça Marche (www.commentcamarche.net ) est mis à disposition sous les termes de la licence Creative Commons . Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.