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 # :

 

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.

 

Choisir sa couleur

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger.

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.

 

 

 

 

ostralo.net