HTML Couleurs
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 standards.
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 »
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 »
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 »
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 (nous avons ici une transparence de 50 %) :
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 le RVB, le HEX et le HSL dans les prochains chapitres.
Pour une liste complète de toutes les balises HTML disponibles, visitez la Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.
HTML - Couleurs - Vidéo W3Schools
Cette vidéo est une brève introduction aux couleurs en HTML.
Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !
