Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

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 :

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


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 :

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, ce qui ajoute 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>

En savoir plus sur les valeurs de couleur

Vous en apprendrez plus sur RVB , HEX et HSL dans les prochains chapitres.