Maison >interface Web >tutoriel CSS >Que signifie la couleur en CSS
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).
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 :
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!