Comment Ca Marche l'informatique ?
 
 Comment Ça Marche - Articles - CSS - Les couleurs
 Accueil
 Forums
 Astuces
 Guide d'achat
 
   
 
 
Livres Comment ça marche?
Tout sur le hardware PC
Tout sur la sécurité
Tout sur le webmastering
Présentation des trois premiers ouvrages de la collection CommentCaMarche.net
Page d'accueil
Ajouter aux favoris
Contribuer à cet article
Ecrire à Jean-Francois Pillou
Feuilles de style en cascade (CSS)
Les feuilles de style
Syntaxe des styles
Implantation des CSS
Classes et ID
Unités
Couleurs
Boîtes et bordures
Positionnement d'éléments
La liste des propriétés
Version 2.0.6
 
CSS - Les couleurs Page précédente Page suivante Retour à la page d'accueil

Les couleurs

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

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)

Page suivante


  Ce document intitulé « CSS - Les couleurs » issu de Comment Ça Marche 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.