HSL à RGBA

Comparez HSL à RGBA

HSL, HLS ou HSI (de l'anglais hue, saturation, lightness (intensité)) est un modèle de couleur dans lequel les coordonnées de couleur sont la teinte, la saturation et la clarté. Il est à noter que HSV et HSL sont deux modèles de couleurs différents (la luminosité, qui est différente de la luminosité). Le modèle de couleur TSL vous permet d'interpréter le modèle RVB de base dans la projection d'un système de coordonnées de couleur cylindrique. Les coloristes pensent que HSL vous permet de spécifier les couleurs d'une manière plus lisible par l'homme que le modèle RVB typique. L'abréviation HSL est interprétée comme Teinte (couleur / teinte), Saturation (saturation), Luminosité / Luminance (luminance, à ne pas confondre avec la luminosité). Le premier facteur (Teinte) indique la coordonnée de couleur dans la roue chromatique (de 0 à 360 degrés). Le deuxième coefficient (Saturation) transmet la valeur de saturation en pourcentage (de 0% à 100%). Le dernier facteur (clarté) indique le pourcentage de clarté (de 0% à 100%).

RGBA signifie Red Green Blue Alpha. Bien que parfois appelé espace colorimétrique, il s'agit en fait d'un modèle de couleur RVB à trois canaux, augmenté d'un quatrième canal alpha. Alpha spécifie le degré d'opacité de chaque pixel et vous permet de combiner une image avec d'autres à l'aide de la fusion alpha, avec des régions transparentes et en lissant les bords des régions opaques. Le format RGBA est similaire à la syntaxe RVB, mais comprend un canal alpha qui contrôle la transparence de l'élément. Une valeur de 0 correspond à une transparence totale, 1 à l'opacité et une valeur intermédiaire comme 0,5 à la semi-transparence. RGBA a été ajouté dans CSS3, donc la validation du code CSS doit être effectuée à l'aide de cette version. Il est à noter que la norme CSS3 est encore en cours de développement et que certaines fonctionnalités peuvent changer. Par exemple, une couleur RVB ajoutée à la propriété background-color est validée, mais la couleur ajoutée à la propriété background ne l'est plus. Dans le même temps, les navigateurs comprennent assez correctement la couleur des deux propriétés.