M-binary
M-binary

CSS : comment utiliser une couleur en css ? on vous présente les différentes notations des couleurs en css

32 0
Mukaz Jan,01,1970
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.

Motivation

« Le travail, finit toujours par payé tôt ou tard »