« Le langage CSS/Notions de design » : différence entre les versions

Contenu supprimé Contenu ajouté
ponctu + précision
Tavernier (discussion | contributions)
ajouts
Ligne 1 :
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.
Une couleur est déclarée :
 
* par son nom, en anglais, par exemple :
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 */
 
* soit en hexadecimal, sous la forme « <code>#RRVVBB</code> » où <code>RR</code> est la quantité de rouge dans la couleur, <code>VV</code> la quantité de vert et <code>BB</code>, chaque quantité variant de <code>00</code> (minimum) à <code>FF</code> (maximum), par exemple :
Décrire une couleur selon le système rvb peut se faire de plusieurs manières :
background-color: #c8d7e3; /* met le fond dans une couleur déclarée en hexadecimal */
 
* soit sous la forme hexadécimale raccourcie : « <code>#RVB</code> », où chaque composante est sur un chiffre (le chiffre est automatiquement doublé pour obtenir un nombre sur 2 chiffres), par exemple :
<ul>
background-color: #c0f; /* équivaut à #cc00ff */
* <li>soit en hexadecimal, sous la forme « <code>#RRVVBB</code> » où <code>RR</code> est la quantité de rouge dans la couleur, <code>VV</code> la quantité de vert et <code>BB</code>, chaque quantité variant de <code>00</code> (minimum) à <code>FF</code> (maximum), par exemple :
/* forme pratique pour utiliser l'une des 216 couleurs standards web */
<pre>
* 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: #c8d7e3; /* met le fond dans une couleur déclarée en hexadecimal */
background-color: rgb(75,56,124);
</pre>
background-color: rgb(67%,34%,78%);
</li>
{{loupe|w:Rouge vert bleu}}
* <li>soit sous la forme hexadécimale raccourcie : « <code>#RVB</code> », où chaque composante est sur un chiffre (le chiffre est automatiquement doublé pour obtenir un nombre sur 2 chiffres), par exemple :
<pre>
background-color: #c0f; /* équivaut à #cc00ff */
/* forme pratique pour utiliser l'une des 216 couleurs standards web */
</pre>
</li>
* <li>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 :
<pre>
background-color: rgb(75,56,124);
background-color: rgb(67%,34%,78%);
</pre>
{{loupe|w:Rouge vert bleu}}</li>
</ul>
 
Enfin, le couleurs système sont liées à l'interface graphique du logiciel chargé de l'affichage de la page web. Voir la [http://www.yoyodesign.org/doc/w3c/css2/ui.html#system-colors documentation officielle] pour d'avantage de détails.
 
Le css ne gère ne permet pas de décrire une couleur par le système [[w:Teinte saturation lumière|TSL]], plus instinctif pour un être humain ou [[w:Quadrichromie|CMJN]], qui fait référence dans le domaine de l'imprimerie.