Le modèle de couleur HSL est un mode de représentation des couleurs sur un écran, basé sur trois caractéristiques : la teinte (hue), la saturation (saturation) et la luminosité (lightness).
Le modèle HSL est souvent utilisé sur le web pour déterminer les couleurs d’interaction, telles que les couleurs des boutons, des liens et des menus.
- La teinte est la couleur d’une couleur, sans tenir compte de sa saturation ou de sa luminosité. Elle est mesurée en degrés sur une roue chromatique, avec 0° correspondant au rouge, 60° au jaune, 120° au vert, 180° au bleu, 240° au violet et 300° au rouge.
- La saturation est la pureté d’une couleur. Une couleur saturée est intense, tandis qu’une couleur non saturée est pâle. Elle est mesurée en pourcentage, de 0% (non saturée) à 100% (saturée).
- La luminosité est la quantité de lumière d’une couleur. Une couleur lumineuse est claire, tandis qu’une couleur sombre est foncée. Elle est mesurée en pourcentage, de 0% (sombre) à 100% (lumineuse).