Code HTML pour les 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 :

Tomate

Orange

DodgerBleu

MediumSeaGreen

Gris

ArdoiseBleu

Violet

Gris clair

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 :

Bonjour le monde

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>

Couleur du texte

Vous pouvez définir la couleur du texte :

Bonjour le monde

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>

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 :

RVB (255, 99, 71)

#ff6347

hsl(9, 100%, 64%)

Les deux éléments <div> suivants ont leur couleur d'arrière-plan définie avec les valeurs RGBA et HSLA, qui ajoutent un canal Alpha à la couleur (ici, nous avons 50 % de transparence) :

RVB(255, 99, 71, 0,5)

hsla(9, 100%, 64%, 0.5)

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>