Maison  >  Article  >  interface Web  >  Quelles sont les méthodes pour exprimer les valeurs de couleur en CSS3

Quelles sont les méthodes pour exprimer les valeurs de couleur en CSS3

WBOY
WBOYoriginal
2022-03-25 16:17:162386parcourir

Méthode : 1. Utilisez des mots anglais pour représenter les couleurs, tels que « rouge » pour représenter le rouge ; 2. Utilisez RVB pour représenter les couleurs, et la syntaxe est « RVB (valeur rouge, valeur verte, valeur bleue) » ; Utilisez le format hexadécimal Utilisez HSL pour représenter la couleur et la syntaxe est « #RRGGBB » 4. Utilisez HSL pour représenter la couleur et la syntaxe est « HSL (teinte, saturation, luminosité) ».

Quelles sont les méthodes pour exprimer les valeurs de couleur en CSS3

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Quelles sont les façons d'exprimer la valeur de couleur de CSS3

1. Mots anglais pour exprimer la couleur

 La méthode la plus directe et la plus simple est d'exprimer la couleur avec des mots anglais Par exemple : rouge, nous pouvons écrire la couleur : rouge.

Inconvénients : Il existe des milliers de couleurs, toutes les couleurs n'ont pas un mot anglais correspondant et il existe des limites d'utilisation.

2. Représentation hexadécimale de la couleur

Les composantes de la couleur hexadécimale sont : #RRGGBB, où RR (rouge), GG (vert) et BB (bleu), toutes les valeurs doivent être comprises entre 0 et FF. En termes simples, l'essence de l'hexadécimal est RVB, et tous les deux chiffres représentent une couleur. Lorsque les valeurs de chacun des deux chiffres sont identiques, elles peuvent être abrégées. Par exemple, couleur : #ffcc00 peut être abrégée en couleur : #fc0.

Tous les principaux navigateurs prennent en charge les valeurs de couleur hexadécimales et sont recommandés.

3. RVB représente la couleur

En RVB, R représente le rouge, G représente le vert et B représente le bleu.

 Méthode d'écriture RVB : rgb (0,0,0). Sa plage de valeurs est comprise entre 0 et 255, plus la valeur est grande, plus la couleur est foncée. En plus d'utiliser des valeurs numériques, RVB peut également utiliser des pourcentages, avec des valeurs allant de 0 % à 100 %. Par exemple : RVB (0,0,255) et RVB (0%, 0%, 100%) représentent la même couleur.

  Représentation RVB des couleurs communes. Rouge : RVB (255,0,0) ; blanc : RVB (255,255,255) ; noir : RVB (0,0,0)

Tous les principaux navigateurs prennent en charge les valeurs de couleur RVB.

4. HSL représente la couleur

  Les valeurs de couleur HSL représentent : la teinte, la saturation et la luminosité.

 La teinte est le degré sur la roue chromatique (de 0 à 360) - 0 (ou 360) est le rouge, 120 est le vert et 240 est le bleu. La saturation est une valeur en pourcentage, 0 % signifie des nuances de gris et 100 % correspond à de la couleur. La luminosité est également un pourcentage, 0 % correspond au noir et 100 % au blanc.

Remarque : IE9, Firefox, Chrome, Safari et Opera10+ prennent en charge les valeurs de couleur HSL.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

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