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.