À propos de cet outil
Ce convertisseur utilise les mêmes règles d'analyse HEX que HEX en RGB, puis calcule la teinte, la saturation et la luminosité. Le modèle HSL permet de comprendre les relations entre les couleurs et de modifier les nuances claires ou foncées d'une même teinte.
Mode d'emploi
- Saisissez un code HEX à 3 ou 6 chiffres, avec ou sans #.
- Consultez le résultat HSL et les valeurs H, S et L séparées.
- Vérifiez l'aperçu, puis copiez le code HSL.
- Cliquez sur « Effacer » pour vider la saisie ou chargez un exemple.
Exemples
- #ff0000 → hsl(0, 100%, 50%).
- #00ff00 → hsl(120, 100%, 50%); #0000ff → hsl(240, 100%, 50%).
- #808080 → hsl(0, 0%, 50.2%); #ffffff → hsl(0, 0%, 100%).
Principe du calcul
Divisez les composantes RGB par 255, puis déterminez leur maximum max, leur minimum min et leur différence delta. La luminosité L = (max + min) / 2. Pour une couleur non grise, S = delta / (1 − |2L − 1|) ; la teinte dépend de la composante maximale sur le cercle chromatique. Pour le gris, H et S valent 0 par convention. Les décimales sont arrondies uniquement à l'affichage.
Utilisations courantes
- Comprendre la teinte et la luminosité des couleurs d'une maquette.
- Convertir des constantes HEX en HSL pour faciliter les réglages.
- Vérifier les valeurs HSL des couleurs pures, du gris, du noir et du blanc.
Confidentialité
La saisie, les calculs, la génération CSS et les aperçus sont entièrement traités dans votre navigateur. Aucun contenu n'est envoyé à un serveur. Aucun backend, base de données, API en ligne ou CDN tiers n'est utilisé, et vos données ne sont pas enregistrées automatiquement.
FAQ
Que représentent les trois composantes HSL ?
H est l'angle de teinte, S la saturation en pourcentage et L la luminosité en pourcentage.
Pourquoi la teinte est-elle exprimée en degrés ?
Elle se place sur un cercle chromatique. Un tour complet vaut 360° : 0° et 360° correspondent au même point.
Pourquoi le gris a-t-il une teinte de 0 ?
Lorsque les trois composantes RGB sont égales, la couleur n'a pas de teinte particulière. L'outil fixe H à 0 et S à 0 % par convention.
L'arrondi peut-il affecter la conversion ?
Les calculs internes utilisent des nombres à virgule flottante. Le résultat affiché conserve un nombre raisonnable de décimales ; cet arrondi peut entraîner de légères différences lors d'une conversion inverse.