css:couleur

Un article de Polydoc.

[modifier] Synopsis

Une valeur couleur peut être spécifiée de plusieurs façons :

[modifier] Par leur nom

Il existe 16 couleurs standards que l'on peut désigner par leur nom :

les couleurs standards

Il existe une multitude d'autres couleurs que l'on peut nommer directement, mais elles ne sont pas supportées par tous les navigateurs liste ic.

[modifier] Par leur valeur Héxadécimale

Cette notation ce présente sous la forme : #xxyyzz, ou x, y et z sont des chiffres hexadécimaux (c'est-à-dire exprimés en base 16) ils sont représentés par les chiffres de 0 à 9 et les lettres de a à f (qui valent de 10 à 15) :

• #xx représente la quantité de rouge
• #yy la quantité de vert
• #zz la quantité de bleu

On peut également sur certains navigateurs se limiter à un seul chiffre par valeur s'ils sont égaux 2 à 2. Ainsi, #CC99FF sera équivalent à #C9F ou encore #FFFFFF peut se limiter à #FFF.

[modifier] Par leur taux RGB

RGB signifie Red-Green-Blue (Rouge-Vert-Bleu en français). Il s'agit donc d'indiquer la quantité de rouge, de vert et de bleu de la couleur comme avec la notation hexadécimale ci-dessus sauf qu'ici on utilise une représentation décimale. Ainsi, la valeur sera exprimée comme ceci : rgb(x,y,z), x, y, z indiquant respectivement les quantités de rouge, de vert et de bleu pouvant être comprises entre 0 (pas du tout) et 255 (maximum), ou alors les valeurs peuvent être des pourcentages.

[modifier] Exemples

/* Voici 5 façons de spécifier la couleur du texte entre les balises de paragraphe */
p{
    color: red;/* valeur nommée */
    color: #FF0000;/* notation hexadécimale longue */
    color: #F00;/* notation hexadécimale courte */
    color: rgb(255,0,0);/* méthode RGB */
    color: rgb(100%,0%,0%);/* méthode RGB avec des pourcentages */
}