Aller au contenu

Le langage CSS/Notions de design

Un livre de Wikilivres.

En CSS, la description d'une couleur peut se faire soit en la nommant parmi un échantillon de couleurs indexées, soit en modulant ses composantes rouge, verte et bleue, soit en utilisant des couleurs système.

Lorsque l'on utilise un nom parmi les mots-clés suivants : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white et yellow. Par exemple :

background-color: white; /* met le fond en blanc */

Décrire une couleur selon le système rvb peut se faire de plusieurs manières :

  • soit en hexadécimal, sous la forme « #RRVVBB » où RR est la quantité de rouge dans la couleur, VV la quantité de vert et BB, chaque quantité variant de 00 (minimum) à FF (maximum), par exemple :
    background-color: #c8d7e3; /* met le fond dans une couleur déclarée en hexadécimal */
    
  • soit sous la forme hexadécimale raccourcie : « #RVB », où chaque composante est sur un chiffre (le chiffre est automatiquement doublé pour obtenir un nombre sur 2 chiffres), par exemple :
    background-color: #c0f; /* équivaut à #cc00ff */
    /* forme pratique pour utiliser l'une des 216 couleurs standards web */
    
  • soit en indiquant les valeurs de rouge, vert et bleu en nombre décimal (entre 0 et 255) ou en pourcentage (entre 0% et 100%), par exemple :
    background-color: rgb(75,56,124);
    background-color: rgb(67%,34%,78%);
    
    Pour plus de détails voir : w:Rouge vert bleu.
  • soit en décrivant une couleur par le système TSL, comme suit: en degré, la teinte (entre 0 et 360), en pourcentage, la saturation et la lumière (entre 0% et 100%), par exemple :
background-color: hsl(0,100%,50%); /* c'est le rouge */
background-color: hsla(0,100%,50%, 0.5); /* le rouge une autrefois mais 50% (0.5) transparent */

Enfin, les couleurs système sont liées aux préférences de l'utilisateur, telles qu'elles sont exprimées par la configuration de son interface client. Voir la documentation officielle pour davantage de détails.

Le css ne permet pas de décrire une couleur par le système CMJN, qui fait référence dans le domaine de l'imprimerie.