|
|
| (X)html / CSS for ever vous accueille |
|
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.
|
|