Les couleurs sont spécifiées à l’aide de noms de couleurs prédéfinis ou de valeurs RVB, HEX, HSL, RGBA, HSLA.
Noms de couleur CSS
En CSS, une couleur peut être spécifiée en utilisant un nom de couleur:
Tomate
Orange
Dodger
etc.
CSS / HTML prend en charge 140 noms de couleurs standard .
Couleur d’arrière-plan CSS
Vous pouvez définir la couleur d’arrière-plan des éléments HTML:
Exemple
<h1 style= »background-color:DodgerBlue; »>Hello World</h1>
<p style= »background-color:Tomato; »>Lorem ipsum…</p>
Essayez-le vous-même
Couleur du texte CSS
Vous pouvez définir la couleur du texte:
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 bordure CSS
Vous pouvez définir la couleur des bordures:
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 CSS
En CSS, les couleurs peuvent également être spécifiées à l’aide des valeurs RVB, HEX, HSL, RVBA et HSLA:
Identique au nom de couleur « Tomate »:RVB (255, 99, 71)# ff6347hsl (9, 100%, 64%)
Identique au nom de couleur « Tomate », mais transparent à 50%:rgba (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>