Couleurs HTML
Les couleurs HTML sont spécifiées avec des noms de couleurs prédéfinis ou avec des valeurs RVB, HEX, HSL, RGBA ou HSLA.
Noms des couleurs
En HTML, une couleur peut être spécifiée en utilisant un nom de couleur :
HTML prend en charge 140 noms de couleurs standard .
Couleur de l'arrière plan
Vous pouvez définir la couleur d'arrière-plan des éléments HTML :
La douleur elle-même est l'amour C'est pourquoi c'est pour le moindre à venir, que notre pratique normale supporte pour profiter des conséquences
Exemple
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Couleur du texte
Vous pouvez définir la couleur du texte :
Bonjour le monde
La douleur elle-même est l'amour
C'est pourquoi c'est pour le moindre à venir, que notre pratique normale supporte pour profiter des conséquences
Exemple
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Couleur de la bordure
Vous pouvez définir la couleur des bordures :
Bonjour le monde
Bonjour le monde
Bonjour le monde
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>
Valeurs de couleur
En HTML, les couleurs peuvent également être spécifiées à l'aide de valeurs RVB, de valeurs HEX, de valeurs HSL, de valeurs RVBA et de valeurs HSLA.
Les trois éléments <div> suivants ont leur couleur d'arrière-plan définie avec les valeurs RVB, HEX et HSL :
Les deux éléments <div> suivants ont leur couleur d'arrière-plan définie avec les valeurs RGBA et HSLA, ce qui ajoute un canal Alpha à la couleur (ici, nous avons 50 % de transparence) :
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>
En savoir plus sur les valeurs de couleur
Vous en apprendrez plus sur RVB , HEX et HSL dans les prochains chapitres.