Pour un gris, Δ = 0 : la saturation est nulle et la teinte n’a pas d’effet sur le résultat. L’outil choisit 0° comme convention d’affichage.
RVB ↔ HSL
RVB en HSL
HSL est une représentation pratique de sRGB, pas un espace perceptuellement uniforme.
Formule visibleUnités qualifiéesSources indiquéesCalcul local
Conversion immédiate
Saisissez une valeur
Choisissez le sens RVB vers HSL ou HSL vers RVB, puis saisissez les trois composantes dans l’ordre indiqué par le champ.
Chargement du convertisseur…
Calcul local : les valeurs saisies ne sont pas envoyées au serveur.
Quelle valeur HSL correspond au rouge RVB(255, 0, 0) ?
Le rouge correspond à HSL(0°, 100 %, 50 %). La teinte est un angle cyclique ; saturation et luminosité doivent rester entre 0 et 100 %.
Formule et exemple
Méthode : RVB en HSL
Normaliser RVB, calculer maximum, minimum, delta puis teinte, saturation et luminosité.
Retrouver HSL pour un rouge pur
- Normaliser RVB(255, 0, 0) en (1, 0, 0), puis relever max = 1, min = 0 et Δ = 1.
- Calculer L = (max + min)/2 = 0,5 et S = Δ/(1 − |2L − 1|) = 1. Les barres désignent la valeur absolue.
- Le rouge situe la teinte à 0° : résultat HSL(0°, 100 %, 50 %).
Pour un gris, Δ = 0 : la saturation est nulle et la teinte n’a pas d’effet. Le moteur utilise alors 0° par convention.
Repères sRGB pour contrôler une conversion HSL
| RVB | Teinte H | Saturation S | Luminosité L |
|---|---|---|---|
| 255, 0, 0 | 0° | 100 % | 50 % |
| 0, 255, 0 | 120° | 100 % | 50 % |
| 0, 0, 255 | 240° | 100 % | 50 % |
| 128, 128, 128 | 0° par convention | 0 % | ≈ 50,1961 % |
| 0, 0, 0 | 0° par convention | 0 % | 0 % |
| 255, 255, 255 | 0° par convention | 0 % | 100 % |
Repères propres à cette conversion
Traiter les gris et les limites de la formule HSL
Après normalisation des canaux RVB entre 0 et 1, la luminosité vaut (maximum + minimum)/2. La saturation dépend de l’écart entre ces canaux.
À L = 0 ou L = 1, les canaux sont égaux. La saturation est définie ici à zéro, sans effectuer la division 0/0 de la formule générale.
HSL organise les composantes sRGB. Deux couleurs ayant L = 50 % ne paraissent pas nécessairement aussi claires ; cette valeur ne mesure pas un contraste d’accessibilité.
Limites visibles
Ce que le résultat ne permet pas de conclure
Deux couleurs à luminosité HSL égale ne sont pas forcément perçues comme aussi claires.
Traçabilité
Sources et révision
Mise à jour de la page : 23 septembre 2026. Les références ci-dessous documentent les définitions et conventions utilisées.
Consulter le référentiel des facteurs et conventions. La politique générale de contrôle est détaillée sur la page Références et méthodologie.
Questions fréquentes
Comprendre cette conversion
Pourquoi la teinte d’un gris est-elle affichée à 0° ?
Quand les trois canaux RVB sont égaux, la saturation est nulle et la teinte ne change pas la couleur. L’outil utilise 0° comme convention ; ce nombre ne signifie pas que le gris contient un rouge visible.
Outils proches