# Convertisseur HSL vers RGB Convertir les valeurs de couleur HSL en RGB pour l'affichage à l'écran > Page canonique: https://elysiatools.com/fr/tools/hsl-to-rgb-converter - **Catégorie:** Design - **Mots-clés:** hsl, rgb, couleur, convertisseur, écran, web, teinte, saturation, luminosité ## Présentation Notre convertisseur HSL vers RGB vous permet de transformer instantanément vos valeurs de couleur HSL (Teinte, Saturation, Luminosité) en formats RGB ou RGBA compatibles avec le développement web et le design graphique. ## Entrées - **Entrée HSL** (textarea): Enter HSL values, one per line: hsl(0,100%,50%) hsla(0,100%,50%,0.5) 0,100,50 0,100,50,0.5 H:0 S:100% L:50% H:0 S:100% L:50% A:0.5 - **Format de sortie** (select) ## Quand l'utiliser - Lors de la conversion de palettes de couleurs HSL issues d'outils de design vers des formats CSS. - Pour normaliser des valeurs de couleurs provenant de différentes sources dans un format RGB standard. - Pour intégrer des couleurs avec transparence (alpha) dans vos feuilles de style ou interfaces logicielles. ## Fonctionnement - Saisissez vos valeurs HSL ou HSLA dans la zone de texte, en respectant un format par ligne. - Sélectionnez le format de sortie souhaité parmi les options disponibles (CSS, RGB simple ou étiqueté). - Cliquez sur convertir pour obtenir instantanément les valeurs RGB correspondantes prêtes à être copiées. ## Cas d'usage - Développement Front-end : Conversion rapide de variables de design HSL en couleurs CSS pour le code source. - Graphisme : Adaptation de palettes de couleurs entre des logiciels de création et des outils de prototypage web. - Automatisation : Traitement de listes de couleurs pour assurer la cohérence des thèmes visuels dans une application. ## Questions fréquentes ### Quels formats HSL sont acceptés ? L'outil accepte les formats standards comme hsl(0,100%,50%), les valeurs séparées par des virgules, ou les notations avec étiquettes H/S/L. ### Puis-je convertir plusieurs couleurs à la fois ? Oui, vous pouvez saisir plusieurs lignes de valeurs HSL pour effectuer une conversion par lots en une seule opération. ### Le convertisseur gère-t-il la transparence ? Absolument, si vous incluez une valeur alpha (A) dans votre entrée, l'outil générera une sortie RGBA correspondante. ### Quels formats de sortie sont disponibles ? Vous pouvez choisir entre le format simple (255,0,0), le format fonctionnel CSS (rgb/rgba), ou un format étiqueté pour une lecture facilitée. ### Est-ce que cet outil fonctionne hors ligne ? Cet outil nécessite une connexion internet pour traiter les conversions via notre interface web. ## 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 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 - [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 ## 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.