CSS : comment utiliser une couleur en css ? on vous présente les différentes notations des couleurs en css
En CSS il existe près de 3 manières de représenter une couleur avec la classe CSS color.
Voici trois méthodes pour représenter une couleur en CSS :
🔖La première consiste à utiliser le nom de la couleur en anglais.
Exemple :
p{
color: black;
}
Ce qui veut dire que je viens de donner la couleur noir à p.
🔖La deuxième méthode : utiliser la notation hexadécimal ou RGB.La notation hexadécimale consiste à utiliser une chaîne de caractères avec des chiffres hexadécimaux afin de représenter chacune des composantes (rouge, verte, bleue) (soit, en anglais, red, green, blue qui donne l'acronyme RGB).
Exemple :
p{
color: #000000;
}
Cela veut dire que j'ai donné une couleur noir à p.
NB: la chaîne de caractères doit impérativement commencé par un hashtag et doit avoir 6 caractères.
Sachez que cela peut se présenter encore sous la forme suivante.
Exemple :
p{
color: rgb(0,0,0);
}
.
🔖La troisième et dernière méthode :
Principe de la notation RGBa
La notation RGBa obéit aux mêmes règles de fonctionnement que la notation classique RGB, mis à part qu'une composante est ajoutée à la valeur : rgb(0,0,0) devient donc rgba(0,0,0,0) . La dernière valeur (l'alpha) indiquant le degré d'opacité entre 0 et 1.2 déc.
Exemple :
p{
color: rgba(0,0,0,.3);
}
Je viens de donner à p une couleur noir opaque de 3%.
Voilà les trois différentes méthodes, vous pouvez en servir pour vos différents projets.