Quand devrais-je utiliser HSLa sur RGBa? Quels sont les avantages de HSLa?
J'ai récemment découvert le format HSLa pour spécifier les couleurs avec CSS3. Quand devrais-je utiliser HSLa sur RGBa?
Voici deux articles qui en parlent brièvement:
Non spécifique au CSS, c'est-à-dire qu'en général, peu importe que vous spécifiiez une couleur en HSL ou RVB, c'est important si vous avez besoin d'interpoler sur la valeur de la couleur, passer du rouge au vert en HSL est beaucoup plus prévisible qu'en RVB. Et vous pouvez le faire sans modifier la luminosité perçue de la couleur. Cela signifie qu'il est utile chaque fois que vous devez changer de couleur (fondu, dégradé ...)
Il est également plus facile de choisir une couleur en HSL/HSB (ce sont deux modèles de couleurs légèrement différents). Le sélecteur de couleurs de Photoshop que vous voyez est un sélecteur de couleurs HSB, choisissez H sur la barre de gauche, choisissez S sur l'axe horizontal du patch de couleur et B sur l'axe vertical.
Je pensais que Jon Hicks avait une vision intéressante de HSL du point de vue d'un concepteur, en particulier en ce qui concerne la capacité de voir la couleur:
Enfin, je pouvais utiliser des chiffres pour sélectionner mes couleurs, et une fois que j'avais appris où se situaient les teintes sur l'échelle, j'étais parti! Pas seulement pour CSS, car 85% de mon temps de travail est consacré à Illustrator, créant des icônes, des logos ou des illustrations.
Hue, Saturation, Lightness est un article sur The Hickensian
HSL est idéal pour les situations où vous devrez modifier des valeurs, mais RVB est la norme de l'industrie et la plus compatible. Changer la luminosité ou la couleur avec HSL nécessiterait une fonction javascript plus simple que d'utiliser RVB.
Pas du tout. IE ne le supportera pas, et spécifier un repli? Sérieusement? C'est la même déclaration de couleur deux fois sans raison.
Si vous devez fournir quelque chose de kuler (c'est-à-dire générer des schémas de couleurs dynamiques basés sur des algorithmes), vous devriez idéalement le faire côté serveur ou, si nécessaire, via JS. Mais pas besoin de l'utiliser car cela n'apporte rien à la table.