À propos de cet outil
Convertissez les valeurs de couleur HSL (Teinte, Saturation, Luminosité) en codes hexadécimaux. HSL est un modèle de couleur intuitif où la teinte est l'angle de couleur (0-360°), la saturation est l'intensité de la couleur (0-100 %) et la luminosité contrôle le degré de clarté ou d'obscurité de la couleur (0-100 %). Utile pour les concepteurs qui travaillent en HSL et ont besoin de codes hexadécimaux pour CSS.
Questions fréquentes
- Pourquoi utiliser HSL au lieu de hex ou RGB ?
- HSL est plus intuitif pour les humains. Envie d'une teinte plus foncée ? Diminuer la légèreté. Vous voulez une version muette ? Diminuer la saturation. Ces relations ne sont pas évidentes en hexadécimal ou en RVB où vous devrez ajuster les trois canaux.
- Que signifie une teinte de 0 contre 360 ?
- 0° et 360° sont rouges : la roue de teinte s'enroule. Teintes principales : 0° = rouge, 60° = jaune, 120° = vert, 180° = cyan, 240° = bleu, 300° = magenta.
- Que se passe-t-il à 0 % et 100 % de saturation ?
- À 0 % de saturation, n'importe quelle teinte devient une nuance de gris (déterminée uniquement par la luminosité). À 100 % de saturation, vous obtenez la version la plus pure et la plus vive de cette teinte.
- Comment fonctionne la légèreté ?
- Une luminosité de 0 % est toujours noire, quelle que soit la teinte/saturation. 100% est toujours blanc. 50 % donne la version pure et la plus vibrante de la couleur. Les valeurs comprises entre 0 et 50 % correspondent à des nuances plus foncées, tandis que 50 à 100 % correspondent à des teintes plus claires.