CSS Couleurs
Les couleurs sont spécifiées à l'aide de noms de couleurs prédéfinis ou de valeurs RVB, HEX, HSL, RGBA, HSLA.
CSS Noms des couleurs
En CSS, une couleur peut être spécifiée en utilisant un nom de couleur prédéfini :
CSS/HTML prend en charge 140 noms de couleurs standard.
CSS Couleur d'arrière-plan
Vous pouvez définir la couleur d’arrière-plan des éléments HTML :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Exemple
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>
Try it Yourself »
CSS Couleur du texte
Vous pouvez définir la couleur du texte :
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Exemple
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
Try it Yourself »
CSS Couleur de la bordure
Vous pouvez définir la couleur des bordures :
Hello World
Hello World
Hello World
Exemple
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Try it Yourself »
CSS Valeurs de couleur
En CSS, les couleurs peuvent également être spécifiées à l'aide de valeurs RVB, HEX, HSL, RVBA et HSLA :
Identique au nom de couleur « Tomato » :
Même nom de couleur que « Tomato », mais 50 % transparent :
Exemple
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
Try it Yourself »
En savoir plus sur les valeurs de couleur
Vous en apprendrez davantage sur RGB, HEX et HSL dans les prochains chapitres.
CSS — Couleurs — Vidéo W3Schools
Cette vidéo est une introduction aux couleurs CSS.
Cette vidéo fait partie d'une série de tutoriels vidéo pour apprendre le CSS pour les débutants !
