Convertisseur RGB en HSL
Qu'est-ce que Convertisseur RGB en HSL
Cet outil convertit les valeurs RGB (Rouge 0–255, Vert 0–255, Bleu 0–255) en HSL (Teinte, Saturation, Luminosité). HSL est plus intuitif pour la manipulation des couleurs — il est beaucoup plus facile de créer des versions plus claires ou plus sombres d'une couleur en ajustant la Luminosité qu'en modifiant les canaux RGB individuels.
Comment utiliser
- Entrez les valeurs Rouge, Vert et Bleu (0–255) dans les champs RGB.
- Les valeurs HSL et HEX se mettent à jour instantanément.
- Cliquez sur le bouton copier à côté de HSL pour copier au format hsl(h, s%, l%).
- Changez entre les 6 convertisseurs avec les liens de mode en haut.
Quand l'utiliser
Vous faites passer une couleur de marque d'une ancienne feuille de style vers un système de design en HSL ? Saisissez rgb(59, 130, 246) et vous obtenez hsl(217, 91%, 60%). Il ne reste qu'à baisser la luminosité à 55% pour l'état hover et à 45% pour l'état active, sans changer la teinte.
Questions fréquentes
Que vaut rgb(255, 0, 0) en HSL?
rgb(255, 0, 0) est hsl(0, 100%, 50%) — rouge pur. La teinte 0° est le rouge, 100% de saturation signifie entièrement saturé et 50% de luminosité est le ton pur.
Que vaut rgb(0, 0, 0) en HSL?
rgb(0, 0, 0) est hsl(0, 0%, 0%) — noir. Luminosité zéro est toujours noir.
Que vaut rgb(255, 255, 255) en HSL?
rgb(255, 255, 255) est hsl(0, 0%, 100%) — blanc. Luminosité maximale est toujours blanc.
Pourquoi la conversion RGB en HSL est-elle utile?
HSL rend les relations de couleur visibles. Si vous avez rgb(59, 130, 246) vous ne pouvez pas dire d'un coup d'œil à quel point c'est bleu ou lumineux. Mais hsl(217, 91%, 60%) vous dit immédiatement que c'est un bleu (217° sur la roue chromatique), très saturé (91%) et moyennement clair (60%).
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 HSL en RGB
Convertissez des valeurs de couleur HSL en RGB instantanément. Convertisseur HSL en RGB avec aperçu en direct. Convertissez hsl() en rgb() pour JavaScript et design.
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.