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 RVB et RVBA


Une valeur de couleur RVB représente les sources lumineuses ROUGE, VERT et BLEU.

Une valeur de couleur RGBA est une extension de RGB avec un canal Alpha (opacité).


Valeurs de couleur RVB

En HTML, une couleur peut être spécifiée en tant que valeur RVB, à l'aide de cette formule :

RVB ( rouge, vert , bleu )

Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur avec une valeur comprise entre 0 et 255.

Cela signifie qu'il y a 256 x 256 x 256 = 16777216 couleurs possibles !

Par exemple, rgb(255, 0, 0) s'affiche en rouge, car le rouge est défini sur sa valeur la plus élevée (255) et les deux autres (vert et bleu) sont définis sur 0.

Autre exemple, rgb(0, 255, 0) est affiché en vert, car le vert est défini sur sa valeur la plus élevée (255) et les deux autres (rouge et bleu) sont définis sur 0.

Pour afficher le noir, réglez tous les paramètres de couleur sur 0, comme ceci : rgb(0, 0, 0).

Pour afficher le blanc, réglez tous les paramètres de couleur sur 255, comme ceci : rgb(255, 255, 255).

Expérimentez en mélangeant les valeurs RVB ci-dessous :

RVB (255, 99, 71)

ROUGE

255

VERT

99

BLEU

71

Exemple

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)


Nuances de gris

Les nuances de gris sont souvent définies en utilisant des valeurs égales pour les trois paramètres :

Exemple

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Valeurs de couleur RVBA

Les valeurs de couleur RGBA sont une extension des valeurs de couleur RGB avec un canal Alpha - qui spécifie l'opacité d'une couleur.

Une valeur de couleur RGBA est spécifiée avec :

rgba ( rouge, vert , bleu, alpha )

Le paramètre alpha est un nombre compris entre 0,0 (entièrement transparent) et 1,0 (pas transparent du tout) :

Expérimentez en mélangeant les valeurs RGBA ci-dessous :

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

ROUGE

255

VERT

99

BLEU

71

ALPHA

0,5

Exemple

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)