Convertisseur HSL en HEX
Réglez la teinte, la saturation et la luminosité et obtenez le code couleur HEX à six chiffres correspondant, prêt à copier.
Saisie hsl
Résultat · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Mode d’emploi: HSL en HEX
- 1
Saisissez une couleur
Tapez un code couleur ou choisissez une couleur avec le sélecteur : chaque champ accepte le format qu’il affiche.
- 2
Voyez la conversion
Le résultat se met à jour instantanément pendant la saisie, avec un aperçu en direct de la couleur.
- 3
Copiez le code
Copiez la valeur dont vous avez besoin en un clic et collez-la dans votre design, votre CSS ou vos paramètres d’impression.
Pourquoi convertir du HSL en HEX
Le HSL est la façon la plus intuitive de construire un système de couleurs. Vous fixez une teinte, par exemple 262° pour le violet, et créez toute une gamme en modifiant surtout la luminosité : environ 95 % pour les fonds, 58 % pour les boutons et les accents, 30 % pour le texte. Designers et développeurs utilisent cette méthode pour les teintes claires, les nuances foncées et les thèmes sombres.
La gamme finale doit pourtant généralement être livrée en codes HEX : chartes graphiques, design tokens, bibliothèques Figma, guides de marque et de nombreux systèmes de gestion de contenu attendent des valeurs #RRGGBB. Saisissez les valeurs HSL et copiez le résultat HEX — hsl(262, 83%, 58%) devient par exemple #7C3BED. L’outil affiche aussi les valeurs RGB, HSV et CMYK de la même couleur. Le HEX ne pouvant stocker que 256 niveaux par canal, de très petites variations en HSL ne modifient pas toujours le code HEX.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.