Conception de pages pour un navigateur
Codage des couleur en CSS
Utilisation des noms
En CSS1, il existe 16 noms de couleurs écrites en toute lettre :
Aqua
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Navy
Olive
Purple
Red
Silver
Teal
White
Yellow
Le CSS2 ajoute la couleur suivante :
Orange
De nombreux autres noms ont été ajoutés en CCS3
Codage sans trasparence
Il est possible d'accéder à 16 millions de couleurs.
Codage avec la notation hexadecimale
Il faut alors utiliser un nombre hexadécimal de 6 chiffres précédés du caractère # :
- les deux caractères de gauche correspondent à l'intensisté du rouge,
- le deux caractères du milieu correspondent à l'intensité du vert,
- les deux caractère de droite correspondent à l'intensité du bleu.
Exemples :
#ff0000
#00ff00
#0000ff
#ffffff
#000000
Codage avec la fonction rgb()
Il est également possible de définir une couleur par la fonction rgb() qui nécessite trois paramètres (chaque paramètre peut prendre 256 valeurs de 0 à 255) : le premier correspond à l'intensité du rouge, le deuxième du vert et le troisième du bleu.
Exemple : rgb(0,255,0) correspond à la couleur verte.
Exemple : rgb(0%,100%,0%) correspond à la couleur verte.
Exemple
Codage de la transparence
La transparence d'une couleur est gérée par le canal alpha. Il peut prendre 256 valeurs de 0 (totalement transparent) à 255 (totalement opaque).
En hexadécimal, l'ajout de deux caractères à droite permet de définir la transparence, de 00 (totalement transparent) à FF (totalement opaque).
Exemple : #00FF0088 correspond à la couleur verte à demi-transparente.
On peut également utiliser la fonction rgba() identique à rgb() avec un quatrième paramètre qui correspond à la valeur du canal alpha et qui peut prendre une valeur comprise entre 0 (totalement transparent) et 1 (totalement opaque).
Exemple : rgb(0,255,0,0.75) ou rgba(0,255,0,0.75) correspond à la couleur verte légèrement transparente.
