Quels sont les codes couleur HTML
Ce guide démontrera:
- Quels sont les codes couleur HTML?
- Comment appliquer les couleurs en HTML?
- Méthode 1: Application des couleurs en HTML à l'aide de valeurs de code hexagonal
- Méthode 2: Appliquer des couleurs en HTML en utilisant RVB
- Méthode 3: Appliquer des couleurs dans HTML en utilisant HSL
Commençons!
Quels sont les codes couleur HTML?
Les codes de couleur HTML sont les identificateurs pour appliquer des couleurs sur la page Web. Les codes de couleur HTML courants sont des noms de clavier, «Code hexadécimal","RVB (rouge, vert, bleu)", et "HSL (teinte, saturation, légèreté)".
Comment appliquer les couleurs en HTML?
Dans HTML, il existe trois méthodes pour appliquer des couleurs à une page Web en utilisant:
- Valeurs de code hexagonal
- RVB
- HSL
Nous en discuterons chacun avec l'aide de la mise en œuvre. Premièrement, il est nécessaire de créer un fichier HTML.
Exemple: application des couleurs en HTML en utilisant des noms de couleurs
Dans le fichier html, ajoutez un div à l'intérieur de la balise corporelle. Définissez le nom de la classe Div comme «récipient". Créez deux éléments pour l'en-tête et le paragraphe à l'intérieur de la div:
BONJOUR LE MONDE!
Le paragraphe commence à partir d'ici…
Les éléments HTML ajoutés ressembleront à ceci:
Rendons la page Web plus attrayante en appliquant certains styles. Pour ce faire, incluez la balise dans la section HTML File Head. À l'intérieur de la balise de style, appliquez des styles CSS pour la div comme ceci:
Le code ci-dessus contient les propriétés CSS pour la classe Div, qui sont répertoriées ci-dessous:
- ".récipient»Représente la classe de div.
- "Couleur de l'arrière plan»La propriété est utilisée pour appliquer la couleur d'arrière-plan de Div.
- "marge: auto»Applique la marge de tous les côtés du div.
- "Texte-aligne: Centre»Aligne le texte au centre de la div.
- "hauteur" et "largeur"Peut être attribué en fonction des préférences de l'utilisateur.
Sortir
Comme nous pouvons le voir, le «Couleur de l'arrière plan«La propriété de la div est désormais changée en«chardon"De blanc. C'est ainsi que nous appliquons des couleurs à nos pages Web en utilisant simplement les noms de couleurs. Cependant, pour profiter des différentes nuances de couleurs, il existe trois méthodes pour appliquer des couleurs à l'aide de codes de couleur.
Méthode 1: Application des couleurs en HTML à l'aide de valeurs de code hexagonal
"Valeurs de code hexagonal«Les valeurs hexadécimales peuvent être utilisées pour l'application de couleur dans HTML.
Syntaxe
Vous pouvez écrire du code couleur dans ce format:
Dans la syntaxe donnée ci-dessus, "rr"Est pour le rouge,"gg"Est pour le vert et"bb"Est pour le bleu.
Jetez un œil au tableau ci-dessous représentant la couleur et leurs valeurs hexadécimales:
| Couleur | Valeur du code hexadécimal |
|---|---|
| Rouge | # FF0000 |
| Bleu | # 0000FF |
| Vert | # 00FF00 |
| Blanc | #ffffff |
| Noir | # 000000 |
Exemple
Continuons le même exemple et modifions la couleur de la div en rouge à l'aide d'une valeur de code hexadécimale. Pour ce faire, modifiez la valeur de couleur arrière-plan de "chardon" pour "# FF0000" comme suit:
On peut observer que la couleur de fond de la div est changée avec succès en rouge:
Méthode 2: Application des couleurs en HTML à l'aide du code RVB
"RVB«Est le schéma de couleurs ou le modèle qui utilise les couleurs primaires en rouge, vert et bleu de lumière. Différentes valeurs de ces couleurs peuvent être ajoutées pour générer plusieurs couleurs.
Syntaxe
Le schéma RVB fonctionne en fonction de la formule donnée:
Jetons un coup d'œil à certaines couleurs avec leurs valeurs RVB:
| Couleurs | Code couleur RVB |
|---|---|
| Rouge | RVB (255,0,0) |
| Vert | RVB (0,255,0) |
| Bleu | RVB (0,0,255) |
| Blanc | RVB (255 255 255) |
| Bleu | RVB (0,0,0) |
Exemple
Voici la démonstration de changer la couleur d'arrière-plan de notre div en «jaune»En appliquant le code RVB. Le "Couleur de l'arrière plan"Est défini comme"RVB (0,0,255)», Qui est le code couleur RVB jaune:
Après avoir attribué la valeur RVB (255 255,0) à la propriété en arrière-plan, vérifiez les résultats ci-dessous:
Méthode 3: Appliquer des couleurs dans HTML en utilisant HSL
Dans HTML, les couleurs peuvent également être définies en utilisant «HSL" Hue, Sauration, et Lsaillie. À cette fin, il est nécessaire d'utiliser la méthode du code couleur HSL.
Syntaxe
Le format de la méthode de couleur HSL () est cité ci-dessous:
Dans la roue chromatique RVB, chaque couleur indique un angle et une valeur de pourcentage pour les facteurs classés ci-dessous:
- Teinte: Il est utilisé pour représenter le diplôme, 0 à 360 sur la roue Colorde RVB.
- Saturation: C'est la valeur en pourcentage, où 0% signifie une nuance de gris, et 100% est la couleur complète.
- Légèreté: C'est la valeur en pourcentage, où 0% indique le noir et 100% est pour blanc.
Exemple
Changeons ce qui précède «div"Couleur à une nuance de vert ayant une teinte"de 106«Degrés, saturation« de 73%«Et légère» de 58%»:
Le résultat est indiqué ci-dessous:
Voici! Vous avez appris les trois méthodes pour appliquer des couleurs en HTML.
Conclusion
Les codes de couleur HTML sont des identificateurs pour appliquer différentes couleurs. En plus d'utiliser uniquement le nom de couleur, HTML nous permet d'utiliser trois méthodes: valeurs de code hexagonal, couleurs RVB et HSL. Vous pouvez utiliser ces couleurs sur n'importe quel élément HTML en définissant les valeurs de ces codes. Cet article a démontré les méthodes pour appliquer les couleurs en HTML.