Comment utiliser des valeurs de couleur dans CSS3

CSS3 prend en charge un certain nombre de systèmes de valeur de couleur. La seule exigence est que le navigateur supporte également le système de couleur. Voici les systèmes de couleurs que la plupart des navigateurs prennent en charge:

  • Rouge Vert Bleu (RVB): Utilisez le rgb () méthode pour décrire cette valeur de couleur qui utilise trois nombres entre 0 et 255 pour spécifier la quantité de rouge, vert et bleu à utiliser.




  • Canal Rouge Vert Bleu Alpha (RGBA): Utilisez le RGBA () méthode pour décrire cette valeur de couleur. Les trois premiers chiffres sont tout simplement rouge, vert et bleu. Le quatrième numéro, canal alpha (transparence relative), est une valeur comprise entre 0.0 (complètement transparent) et 1.0 (complètement opaque). Vous devez avoir IE9 +, Firefox 3+, Chrome, Safari, Opera 10+ ou à utiliser ce système de valeur de couleur.

  • Hue Saturation Luminosité (HSL): Utilisez le HSL () méthode pour décrire cette valeur de couleur qui se compose de trois chiffres.

    Teinte est une valeur comprise entre 0 et 360 qui décrit la position d'une couleur sur la roue de couleur: rouge est 0 (ou 360), le vert est de 120, et le bleu est de 240. Saturation (l'intensité de la couleur ou l'obscurité) est une valeur de pourcentage entre 0 (échelle de gris) et 100 (couleur). La légèreté est un pourcentage compris entre 0 (noir) et 100 (blanc).

  • Canal Hue Saturation Luminosité Alpha (HSLA): Utilisez le HSLA () méthode pour décrire cette valeur de couleur qui utilise les mêmes trois premiers chiffres comme une valeur HSL. Le quatrième numéro, canal alpha, est une valeur comprise entre 0.0 (complètement transparent) et 1.0 (complètement opaque). Vous devez avoir IE9 +, Firefox 3+, Chrome, Safari, Opera 10+ ou à utiliser ce système de valeur de couleur.

Essayer de comprendre comment les valeurs de couleurs interagissent peut être difficile. Le code HTML Mélangeur vous permet de voir comment les différents choix de couleurs interagissent, ce qui rend plus facile de choisir les bonnes combinaisons de couleurs.


» » » » Comment utiliser des valeurs de couleur dans CSS3