Convertisseur HSL en RGB
Qu'est-ce que Convertisseur HSL en RGB
Cet outil convertit les valeurs HSL (Teinte 0–360°, Saturation 0–100%, Luminosité 0–100%) en valeurs RGB (Rouge, Vert, Bleu, chacun 0–255). Utilisez-le quand vous avez une couleur au format HSL — courant en CSS et dans les systèmes de design — et que vous avez besoin de l'équivalent RGB pour JavaScript, le traitement d'images ou des outils de design.
Comment utiliser
- Entrez les valeurs de Teinte (0–360), Saturation (0–100) et Luminosité (0–100) dans les champs HSL.
- Les valeurs RGB et HEX se mettent à jour instantanément.
- Cliquez sur le bouton copier à côté de RGB pour copier au format rgb(r, g, b).
- Changez entre les 6 convertisseurs avec les liens de mode en haut.
Quand l'utiliser
Vous générez des couleurs en JavaScript en faisant varier la teinte de 0–360 pour un effet arc-en-ciel ? Au moment d'écrire les pixels dans un objet Canvas ImageData, il vous faut les valeurs R, G, B séparées en octets, pas une chaîne hsl(). Convertissez chaque sortie hsl() en rgb() ici et récupérez les nombres de chaque canal, prêts à être placés directement dans le tableau.
Questions fréquentes
Que vaut hsl(120, 100%, 50%) en RGB?
hsl(120, 100%, 50%) est rgb(0, 255, 0) — vert pur. La teinte 120° est le vert sur la roue chromatique.
Que vaut hsl(240, 100%, 50%) en RGB?
hsl(240, 100%, 50%) est rgb(0, 0, 255) — bleu pur.
Que vaut hsl(60, 100%, 50%) en RGB?
hsl(60, 100%, 50%) est rgb(255, 255, 0) — jaune pur.
Quand utiliser HSL en RGB plutôt que HSL en HEX?
Utilisez HSL en RGB quand vous travaillez avec des APIs ou bibliothèques nécessitant des valeurs de canal numériques séparées — comme Canvas ImageData, WebGL, Three.js ou des bibliothèques de traitement d'images. Utilisez HSL en HEX quand vous avez besoin d'une chaîne CSS ou d'un code hex.
Puis-je partager cet outil avec mes données pré-remplies ?
Oui. L'URL se met à jour pendant que vous tapez. Copiez le lien depuis la barre d'adresse ou utilisez le bouton Partager — quiconque l'ouvre verra vos données déjà remplies.
Outils connexes
Convertisseur RGB en HSL
Convertissez des valeurs de couleur RGB en HSL instantanément. Convertisseur RGB en HSL avec aperçu en direct. Parfait pour les thèmes CSS et les palettes de couleurs.
Calculateur de Ratio d'Aspect
Calculez le ratio d'aspect, trouvez la largeur ou la hauteur manquante et redimensionnez images et vidéos en gardant les proportions. Gratuit.
Décodeur Base64
Décodez des chaînes Base64 en texte brut instantanément. Supporte la sortie Unicode complète avec emojis. Décodeur Base64 gratuit.