# Convertisseur LCH vers HSL Convertir les valeurs de couleur LCH en HSL pour l'affichage à l'écran > Page canonique: https://elysiatools.com/fr/tools/lch-to-hsl-converter - **Catégorie:** Design - **Mots-clés:** lch, hsl, couleur, convertisseur, cielch, teinte, saturation, luminosité ## Présentation Notre convertisseur LCH vers HSL vous permet de transformer facilement vos valeurs de couleur LCH (Luminosité, Chroma, Teinte) vers le format HSL, largement utilisé pour le développement web et l'affichage sur écran. ## Entrées - **Entrée LCH** (textarea): lch(50,50,180) 50,50,180 L:50 C:50 H:180 - **Format de sortie** (select) ## Quand l'utiliser - Lorsque vous devez adapter des couleurs basées sur la perception humaine (LCH) vers un format compatible avec le CSS standard (HSL). - Pour assurer la cohérence des couleurs entre vos outils de design et vos feuilles de style web. - Lors de la migration de palettes de couleurs d'un espace colorimétrique perceptuel vers un modèle de saturation et luminosité classique. ## Fonctionnement - Saisissez vos valeurs LCH dans la zone de texte, en utilisant le format standard 'lch(L, C, H)' ou simplement les chiffres séparés par des virgules. - Sélectionnez le format de sortie souhaité parmi les options proposées (CSS, valeurs brutes ou étiquetées). - Cliquez sur convertir pour obtenir instantanément vos valeurs HSL prêtes à être intégrées dans votre code. ## Cas d'usage - Développement de thèmes CSS pour des sites web modernes. - Standardisation de palettes de couleurs entre designers et développeurs front-end. - Ajustement rapide de couleurs pour des interfaces utilisateur basées sur le modèle HSL. ## Questions fréquentes ### Pourquoi convertir du LCH vers le HSL ? Bien que le LCH soit plus précis pour la perception humaine, le format HSL est nativement supporté par tous les navigateurs web et est plus simple à manipuler en CSS. ### Quels formats d'entrée sont acceptés ? L'outil accepte les chaînes de type 'lch(50, 50, 180)', les listes de valeurs séparées par des virgules ou les formats avec étiquettes (L:50 C:50 H:180). ### La conversion est-elle exacte ? La conversion suit les formules mathématiques standards, bien que de légères variations puissent survenir en raison des différences de gamut entre les deux espaces colorimétriques. ### Puis-je convertir plusieurs couleurs à la fois ? Oui, vous pouvez coller plusieurs lignes de valeurs LCH dans la zone de texte pour effectuer une conversion par lots. ### Le format de sortie est-il compatible avec le CSS ? Absolument, l'option 'css' génère une chaîne formatée prête à être copiée directement dans vos fichiers de style. ## 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 - [Exemples de Traitement d'Images Android Java](https://elysiatools.com/fr/samples/android-image-processing-java): Exemples de traitement d'images Android Java incluant lecture/écriture, mise à l'échelle et conversion de format - [Exemples de Traitement d'Images Android Kotlin](https://elysiatools.com/fr/samples/android-image-processing-kotlin): Exemples de traitement d'images Android Kotlin incluant lecture/écriture, mise à l'échelle et conversion de format - [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 ## Contenu associé - [Outils de conversion d'espaces colorimetriques pour web et impression](https://elysiatools.com/fr/hubs/design-convert): Des outils reunis pour conversion d'espaces colorimetriques entre web et impression dans un seul hub. - [Generateurs d'effets CSS, palettes et design tokens](https://elysiatools.com/fr/hubs/design-generate): Des outils reunis pour effets visuels CSS, creation de palettes et generation de design tokens dans un seul hub. - [Outils d audit d accessibilite web et de couleurs accessibles](https://elysiatools.com/fr/hubs/web-accessibility-audits): Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles. - [Outils de Design Couleur et Conversion d'Espaces Colorimétriques](https://elysiatools.com/fr/hubs/color-design-tools): Comparer des convertisseurs de couleur, des générateurs de palettes, des outils d'harmonie, des vérificateurs d'accessibilité et des utilitaires d'ajustement de couleur dans un seul hub pour designers et développeurs.