Maison  >  Article  >  interface Web  >  définir la couleur HTML

définir la couleur HTML

WBOY
WBOYoriginal
2023-05-27 12:13:08834parcourir

Le paramètre de couleur HTML fait référence à la définition de la couleur du texte, de l'arrière-plan, de la bordure et d'autres éléments de la page Web. Dans le balisage HTML, les couleurs peuvent être définies à l'aide de noms de couleurs, de valeurs hexadécimales, de valeurs RVB et de valeurs HSL (teinte, saturation, luminosité).

Ce qui suit est la méthode de réglage spécifique :

  1. Nom de la couleur

HTML prend en charge de nombreux noms de couleurs prédéfinis, tels comme rouge, jaune, bleu, etc. Dans les balises, vous pouvez utiliser ces noms de couleurs pour définir la couleur d'un élément sur la couleur correspondante. Par exemple, utilisez le code suivant pour définir la couleur du texte sur rouge :

<p style="color: red;">这段文本的颜色为红色</p>
  1. Hex value

En HTML, c'est OK. un code couleur hexadécimal pour définir la couleur d'un élément. Le code couleur hexadécimal se compose de six caractères, les deux premiers caractères représentent la composante rouge, les deux caractères du milieu représentent la composante verte et les deux derniers caractères représentent la composante bleue. Chaque composant a une valeur comprise entre 00 et FF et peut être représenté par un chiffre ainsi que par une lettre de A à F.

Par exemple, le code suivant définit la couleur du texte sur gris foncé :

<p style="color: #333333;">这段文本的颜色为深灰色</p>
  1. Valeur RVB
#🎜🎜 #Semblable au code couleur hexadécimal, vous pouvez également utiliser les valeurs RVB pour définir la couleur d'un élément. Les valeurs RVB se composent de trois nombres qui représentent les valeurs des composants rouge, vert et bleu. Chaque composant a une valeur allant de 0 à 255.

Par exemple, le code suivant définit la couleur du texte sur vert clair :

<p style="color: rgb(144, 238, 144);">这段文本的颜色为浅绿色</p>

    Valeurs HSL
  1. # 🎜🎜# en plus des valeurs RVB, HTML prend également en charge l'utilisation des valeurs HSL (teinte, saturation, luminosité) pour définir la couleur d'un élément. La valeur HSL se compose de trois nombres, qui représentent les valeurs des trois attributs de teinte, de saturation et de luminosité. Parmi eux, la plage de valeurs de teinte est de 0 à 360, indiquant l'angle de teinte de la couleur ; la plage de valeurs de saturation est de 0 % à 100 %, indiquant la plage de valeurs de luminosité est également de 0 % à ; 100%, représente la luminosité d'une couleur.

Par exemple, le code suivant définit la couleur du texte sur bleu vif :

<p style="color: hsl(210, 100%, 50%);">这段文本的颜色为亮蓝色</p>

En plus d'utiliser la couleur dans les paramètres de texte, le HTML peut également être utilisé dans des éléments tels que comme arrière-plans, bordures, etc. Définir la couleur de ces éléments est similaire à définir la couleur du texte, il vous suffit d'ajouter les attributs correspondants à l'étiquette.

Pour résumer, HTML propose plusieurs façons de définir la couleur d'un élément, depuis les noms de couleurs, les valeurs hexadécimales, les valeurs RVB jusqu'aux valeurs HSL. Qu'il s'agisse de texte, d'arrière-plan, de bordures ou d'autres éléments, vous pouvez définir leurs couleurs grâce aux méthodes ci-dessus pour que la page Web présente un effet visuel plus coloré.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:CSS3 réalise un cercleArticle suivant:CSS3 réalise un cercle