« Le langage CSS/Valeurs et unités » : différence entre les versions

Contenu supprimé Contenu ajouté
Ligne 54 :
== Les couleurs ==
 
Les couleurs peuvent être spécifiées soit par mot-clefs, soit par valeur RVB (composantes rouge, vert, bleu)., Ilsoit ypar avaleur plusieursTSL notations(Teinte, autoriséesSaturation, pourLuminosité, les''HSL'' composantesen RVBanglais : ''Hue Saturation Lightness'') .
 
Il y a plusieurs notations autorisées pour les composantes RVB :
* <code>#RVB</code> où chaque lettre R, V et B est un [[Programmation/Abstraction#Le système hexadécimal|chiffre hexadécimal]] entre 0 et F
* <code>#RRVVBB</code> où chaque paire de lettres RR, VV et BB est un nombre hexadécimal entre 00 et FF
* <code>rgb(R, V, B)</code> où chaque lettre R, V et B est un nombre décimal entre 0 et 255
* <code>rgb(R%, V%, B%)</code> où chaque lettre R, V et B est un nombre décimal entre 0 et 100 représentant un pourcentage de la valeur maximale.
 
Pour les valeurs par composantes Teinte, Saturation, Luminosité :
* <code>hsl(H, S%, L%)</code> où H est la teinte (angle de direction de 0 à 360°), S et L en pourcentage. Exemple : <code>hsl(0, 100%, 50%)</code> {{Couleur|hsl(0, 100%, 50%)}}
 
On passe de la notation <code>#RVB</code> à la <code>#RRVVBB</code> en dédoublant chaque chiffre. Bien évidemment, 100% équivaut aussi à 255 et à #FF. Par exemple les notations suivantes sont équivalentes :