Il existe une propriété CSS qui permet de choisir la couleur du texte, il s'agit de la propriété color.
Il y a trois manières de choisir la couleur de son texte avec cette propriété, nous verrons donc ces trois manières unes par unes.
La couleur par son nom
Les couleurs ont des noms en CSS, par exemple "black" pour du noir, "red" pour du rouge ou "white" pour du blanc.
Il existe en tout seize couleurs standard que vous pouvez utiliser avec CSS :
black : noir
gray : gris
silver : argenté
white : blanc
red : rouge
maroon : marron
lime : vert clair
green : vert foncé
olive : mélange bizarre de vert et de jaune
yellow : jaune
navy : bleu foncé
blue : bleu
teal : mélange bizarre de bleu et de turquoise
cyan : bleu clair
fuchsia : fuchsia
purple : violet
Si je veux mes paragraphes écrits en violets je fais ceci :
p { color: purple; }
La couleur par son HEX
Bon seize couleurs c'est pas super... Et si je veux du orange ? Du rose ? Du rose plus proche du violet que du rouge ?
Rassurez-vous, il existe d'autres manières de nommer les couleurs.
Une des manières consiste à utiliser la notation hexadécimale abréviée HEX.
Cette notation est composée de six chiffres, avec un dièse "#" devant. C'est la notation qu'utilise notamment Photoshop lorsque vous sélectionnez une couleur.
En fait chaque chiffre va de paire en paire, de 00 à FF (hexadécimal donc). La première paire représente la quantité de rouge, la seconde représente la quantité de vert et la troisième la quantité de bleu.
Logiquement #000000 est le noir et #FFFFFF le blanc. Notez que l'on peut aussi abrévier certaines couleurs en seulement un chiffre, exemple : #F7B donne #FF77BB. Mais pour cela il faut que les paires soient composées du même chiffre.
Voici un exemple de couleur avec la notation hexadécimale :
p { color: #F6BA4C; }
La couleur par son RGB
La notation RGB (rouge-vert-bleu) fonctionne à peu près d la même manière que la notation hexadécimale, sauf qu'au lieu d'avoir un nombre hexadécimal de 00 à FF on a un nombre en base 10 de 0 à 255.
On peut facilement retrouver la notation hexadécimale à partir de la notation RGB et vice-versa, notamment grâce à Photoshop.