# Convertisseur HEX vers HSL Convertir les valeurs de couleur HEX en HSL pour l'affichage à l'écran > Page canonique: https://elysiatools.com/fr/tools/hex-to-hsl-converter - **Catégorie:** Design - **Mots-clés:** hex, hsl, couleur, convertisseur, écran, web, hexadécimal, teinte, saturation, luminosité ## Présentation Notre convertisseur HEX vers HSL vous permet de transformer instantanément vos codes couleurs hexadécimaux en valeurs HSL (Teinte, Saturation, Luminosité), facilitant ainsi la gestion des couleurs pour le développement web et le design graphique. ## Entrées - **Entrée HEX** (textarea): Enter HEX values, one per line: #ff0000 #00ff00 #ffffff #ff000080 #00ff0080 f00 0f0 00f f08 0f8 - **Format de sortie** (select) ## Quand l'utiliser - Lorsque vous devez adapter des couleurs HEX pour des feuilles de style CSS utilisant le format HSL. - Pour ajuster précisément la luminosité ou la saturation d'une couleur existante lors de la création d'une interface utilisateur. - Lors de la conversion de palettes de couleurs provenant d'outils de design vers des formats plus intuitifs pour le réglage manuel. ## Fonctionnement - Saisissez vos codes couleurs hexadécimaux dans la zone de texte, un par ligne. - Sélectionnez le format de sortie souhaité parmi les options proposées (standard, CSS, valeurs brutes ou étiquetées). - Cliquez sur le bouton de conversion pour générer instantanément les valeurs HSL correspondantes. ## Cas d'usage - Standardisation des palettes de couleurs pour les projets de développement front-end. - Ajustement dynamique des couleurs via CSS en manipulant uniquement les valeurs de luminosité ou de saturation. - Conversion rapide de bibliothèques de couleurs héritées vers des formats modernes pour le design UI/UX. ## Questions fréquentes ### Qu'est-ce que le format HSL ? HSL signifie Teinte (Hue), Saturation et Luminosité (Lightness). C'est une représentation cylindrique des couleurs plus intuitive que le format HEX pour les humains. ### Le convertisseur gère-t-il les codes HEX avec transparence ? Oui, l'outil prend en charge les codes HEX à 8 chiffres incluant un canal alpha, et les convertit en format HSLA. ### Puis-je convertir plusieurs couleurs à la fois ? Absolument, vous pouvez coller une liste de codes HEX, un par ligne, et obtenir toutes les conversions en une seule opération. ### Quels formats de sortie sont disponibles ? Vous pouvez choisir entre le format standard, le format CSS avec virgules, des valeurs brutes séparées par des virgules ou un format étiqueté pour une lecture facilitée. ### L'outil fonctionne-t-il hors ligne ? Cet outil est une application web ; une connexion internet est nécessaire pour accéder à la page, mais le traitement est rapide et immédiat. ## Outils associés - [Convertisseur Adobe RGB vers CMYK](https://elysiatools.com/fr/tools/adobe-rgb-to-cmyk-converter): Convertir les valeurs de couleur Adobe RGB en format CMYK pour l'impression avec support du canal alpha - [Convertisseur Adobe RGB vers HEX](https://elysiatools.com/fr/tools/adobe-rgb-to-hex-converter): Convertir les valeurs de couleur Adobe RGB en format HEX pour le design web - [Convertisseur Adobe RGB vers HSL](https://elysiatools.com/fr/tools/adobe-rgb-to-hsl-converter): Convertir les valeurs de couleur Adobe RGB en format HSL pour le travail de design - [Convertisseur Adobe RGB vers HSV](https://elysiatools.com/fr/tools/adobe-rgb-to-hsv-converter): Convertir les valeurs de couleur Adobe RGB en HSV/HSB pour la manipulation des couleurs - [Convertisseur Adobe RGB vers LAB](https://elysiatools.com/fr/tools/adobe-rgb-to-lab-converter): Convertir les valeurs de couleur Adobe RGB en espace de couleur LAB pour l'analyse des couleurs avec support du canal alpha - [Convertisseur Adobe RGB vers LCH](https://elysiatools.com/fr/tools/adobe-rgb-to-lch-converter): Convertir les valeurs de couleur Adobe RGB en espace de couleur LCH pour la manipulation intuitive des couleurs avec support du canal alpha - [Convertisseur Adobe RGB vers RGB](https://elysiatools.com/fr/tools/adobe-rgb-to-rgb-converter): Convertir les valeurs de couleur Adobe RGB en format sRGB pour l'affichage web - [Convertisseur Adobe RGB vers sRGB](https://elysiatools.com/fr/tools/adobe-rgb-to-srgb-converter): Convertir les valeurs de couleur Adobe RGB en format sRGB pour l'affichage web ## Exemples - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format - [Échantillons Convertisseur Hex/Unicode](https://elysiatools.com/fr/samples/text-hex-unicode-formats): Échantillons de test pour la conversion de séquences d'échappement hex et unicode - [Exemples de Traitement d'Images Web Rust](https://elysiatools.com/fr/samples/web-image-processing-rust): Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format - [Exemples de Traitement d'Images Web TypeScript](https://elysiatools.com/fr/samples/web-image-processing-typescript): Exemples de traitement d'images Web TypeScript incluant lecture/sauvegarde, redimensionnement et conversion de format