Les couleurs

CSS - Couleurs

Il existe trois façons de représenter les couleurs en HTML

La façon la plus ancienne consiste à donner la valeur de 3 octets en hexadécimal (base 16)

Les valeurs s'étendent de 0016 (0) à FF16 (255) et il y a un octet pour le rouge, un pour le vert et un pour le bleu

Il s’agit de la notation RGB hexadécimale (RGB = Red-Green-Blue)

On précédera toujours les trois octets d’un symbole #, comme ceci :

<p style="color:#ff8020">Un genre d'orange</p>

Qui donnera 

Un genre d'orange

Ici, on a FF16 (255) pour le rouge, soit la valeur maximum, 8016 (128) pour le vert, soit la valeur moyenne, et 2016 (32) pour le bleu, une faible quantité, ce qui donne finalement un orange assez foncé

Remarque : dans le cas la partie haute et la partie basse sont identiques pour chacun des 3 octets, une notation abrégée est permise

Par exemple, la couleur #ff55cc peut s'écrire #f5c

Pour ceux et celles qui n'aiment pas travailler avec la base 16, cette première approche peut être simplifiée en utilisant la méthode RGB décimale

Voyez l’équivalent :

<p style="color:rgb(255,128,32)">Un genre d'orange</p>

Il suffit d’utiliser la fonction RGB et de lui passer les trois nombres dans l’ordre, en format décimal, pour obtenir le même résultat

Pour sélectionner une couleur de notre choix sans devoir procéder par essai-erreur, on peut utiliser un outil approprié comme : http://www.w3schools.com/colors/colors_picker.asp

Pour simplifier encore plus (et tel qu’on l’a déjà vu dans des exemples), on peut aussi utiliser des noms de couleurs (en anglais) qui correspondent à certains codes RGB préétablis

Il existe en tout 140 couleurs qui peuvent être utilisées en mots plutôt qu’en nombres, incluant les couleurs les plus utilisées

La liste complète est disponible ici : http://www.w3schools.com/colors/colors_names.asp

Évidemment, bien que ces 140 couleurs puissent nous mener loin, il en reste 16 777 076 qui n’ont pas de nom et qui ne peuvent être utilisées qu’avec un code RGB...


Début du document