Définition de la couleur via # en CSS
La méthode de définition de la couleur via rgb, bien
qu'elle permette d'obtenir n'importe quelle
nuance de n'importe quelle couleur, reste
quelque peu encombrante. C'est pourquoi il existe une troisième option
pour définir une couleur - via une valeur
hexadécimale.
Pour comprendre l'essence de cette méthode, vous devez
comprendre le système de numération hexadécimal. Dans celui-ci, contrairement au système décimal
que nous utilisons dans la vie quotidienne, il n'y a pas
dix chiffres, mais seize : 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
comme vous le voyez, par manque de chiffres après
neuf, des lettres sont utilisées.
Dans ce système, au lieu de rgb, on écrit
un dièse #, suivi de six
caractères. Les deux premiers caractères représentent le rouge,
les deux caractères suivants - le vert, et les deux derniers
caractères - le bleu. Les couleurs varient également de
0 à 255, mais dans le système
hexadécimal, cela sera de 00 à FF.
Dans l'exemple suivant, le paragraphe est coloré en rouge :
<p>
texte
</p>
p {
color: #FF0000;
}
:
Définissez la couleur #FFEEAA pour tous les paragraphes.
Définissez l'arrière-plan #000000
et la couleur du texte #FFFFFF pour tous les paragraphes. Quelles couleurs
obtiendrez-vous ?
Voici le code suivant :
p {
color: rgb(255, 200, 255);
}
À l'aide d'un convertisseur, transformez la couleur au format hexadécimal.