Maison >interface Web >tutoriel CSS >Que signifie la couleur en CSS

Que signifie la couleur en CSS

下次还敢
下次还敢original
2024-04-28 12:45:30618parcourir

L'attribut color définit la couleur du texte ou de l'arrière-plan en CSS et peut être spécifié dans différents formats, notamment des valeurs hexadécimales, des valeurs RVB, des valeurs RGBA, des noms de couleurs HTML, des valeurs HSL et HSLA et des mots-clés tels que currentColor, hériter, transparent).

Que signifie la couleur en CSS

Signification de la couleur en CSS

La propriété color définit la couleur du texte ou du fond d'un élément en CSS. Elle est spécifiée dans différents formats, notamment :

VALEUR HEXAGONALE

Une valeur hexadécimale est un code à six chiffres commençant par un signe dièse (#) qui représente la valeur de couleur rouge, vert, bleu (RVB). Par exemple :

<code class="css">color: #0000FF; /* 蓝色 */</code>

Valeur RVB

La valeur RVB est un groupe de valeurs séparées par des virgules entre parenthèses qui spécifie l'intensité du rouge, du vert et du bleu dans une couleur. Chaque valeur est comprise entre 0 et 255. Par exemple :

<code class="css">color: rgb(0, 0, 255); /* 蓝色 */</code>

Valeur RGBA

Une extension de la valeur RVB qui ajoute une quatrième valeur (canal alpha), représentant la transparence de la couleur. Les valeurs du canal alpha vont de 0 (transparent) à 1 (opaque). Par exemple :

<code class="css">color: rgba(0, 0, 255, 0.5); /* 半透明蓝色 */</code>

Noms de couleurs HTML

CSS prend en charge une gamme de noms de couleurs HTML standard, notamment :

<code class="css">color: red;
color: green;
color: blue;</code>

Les valeurs HSL et HSLA

Les valeurs HSL (teinte, saturation, luminosité) représentent une couleur en utilisant sa teinte (0-360°), sa saturation (0-100%) et sa luminosité (0-100%). Les valeurs HSLA étendues incluent une quatrième valeur de canal alpha. Par exemple : 

<code class="css">color: hsl(120, 50%, 50%); /* 绿色 */</code>

mot-clé color

CSS prend également en charge certains mots-clés spéciaux, notamment :

  • currentColor : utilise la couleur de l'élément parent
  • inherit : hérite de la couleur de l'élément parent
  • transparent : transparent

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