1. Saisissez une valeur
Tapez un nombre dans le champ de saisie.
Convertir RGB en HSL
Ce convertisseur convertit instantanément. Entrez une valeur et le résultat apparaît immédiatement.
Loading tool editor...
Quand faut-il convertir RGB en HSL ?
HSL (Teinte, Saturation, Luminosité) est une représentation de couleur plus intuitive. Teinte = angle de couleur (0–360°), Saturation = intensité (0–100 %), Luminosité = clair/sombre (0–100 %).
HSL facilite les variations : luminosité pour les teintes/nuances, saturation pour les versions atténuées/vives, teinte pour les couleurs complémentaires.
Tous les calculs sont effectués localement dans votre navigateur.
Comment utiliser le convertisseur ?
2. Lisez le résultat
Le résultat apparaît instantanément.3. Copiez ou inversez
Copiez le résultat ou inversez la direction.
Quand ce convertisseur est-il utile ?
Manipulation CSS
HSL facilite les états hover : assombrir en réduisant L, désaturer en réduisant S.Systèmes de design
Créez des gammes de couleurs cohérentes en variant la luminosité.Théorie des couleurs
HSL correspond au cercle chromatique. Complémentaire = H+180°.Accessibilité
La luminosité HSL aide à assurer un contraste suffisant.
Qu’est-ce qui différencie ce convertisseur ?
Confidentialité totale
Tous les calculs sont effectués localement dans votre navigateur.Résultats en temps réel
Le résultat se met à jour pendant la saisie.Conversion bidirectionnelle
Convertissez dans les deux sens en un clic.Tableau de référence
Tableau avec valeurs courantes et descriptions contextuelles.
Comment fonctionne la conversion ?
Normaliser RGB à 0–1. Trouver max et min. L = (max + min) / 2. S dépend de L.
HSL est complètement réversible — retour en RGB donne exactement la même couleur.
Comment fonctionne la conversion ?
Normaliser RGB à 0–1. Trouver max et min. L = (max + min) / 2. S dépend de L.
HSL est complètement réversible — retour en RGB donne exactement la même couleur.
RGB vs HSL – comparaison
| Caractéristique | RGB | HSL |
|---|---|---|
| Modèle | Canaux additifs | Teinte/Saturation/Luminosité |
| Valeurs | 0–255 par canal | H: 0–360°, S/L: 0–100 % |
| Intuitif | Difficile à prédire | Facile à ajuster |
| Théorie couleur | Pas basé sur le cercle | Correspond au cercle chromatique |
| CSS | rgb(R, G, B) | hsl(H, S %, L %) |
RGB
- Modèle
Canaux additifs - Valeurs
0–255 par canal - Intuitif
Difficile à prédire - Théorie couleur
Pas basé sur le cercle - CSS
rgb(R, G, B)
HSL
- Modèle
Teinte/Saturation/Luminosité - Valeurs
H: 0–360°, S/L: 0–100 % - Intuitif
Facile à ajuster - Théorie couleur
Correspond au cercle chromatique - CSS
hsl(H, S %, L %)
Convertir RGB en d'autres unités
Découvrir d'autres convertisseurs d'unités
Questions fréquentes
Aidez-nous à améliorer nos outils
Vous avez une idée, trouvé un bug ou souhaitez suggérer une fonctionnalité ? Écrivez-nous – nous répondons sous 24 heures.