Convertir RGB en HSL

Qu’est-ce que la conversion RGB vers HSL ?

Une couleur RGB (rouge, vert, bleu — RVB en français) s’écrit comme trois valeurs de 0 à 255, une par canal de lumière. C’est le format que renvoient la plupart des pipettes à couleur, une capture d’écran analysée pixel par pixel, ou une lecture canvas getImageData dans un navigateur. HSL décrit la même couleur autrement : une teinte de 0 à 360 degrés sur le cercle chromatique, puis une saturation et une luminosité en pourcentage.

RGB et hex sont rigoureusement la même information écrite dans deux bases différentes, donc rien ne se perd jamais en passant de l’un à l’autre. HSL, en revanche, est une vraie rotation dans l’espace des couleurs : c’est elle qui rend cette conversion intéressante, puisqu’elle sépare des informations que 64, 147, 230 mélange complètement — impossible de dire d’un coup d’œil si cette couleur est un bleu vif ou un bleu délavé, alors que sa teinte et sa saturation le disent directement.

C’est particulièrement utile face à des valeurs RGB brutes qui ne viennent pas d’une charte graphique mais d’une mesure — un pixel prélevé sur une image, une couleur moyenne calculée par un script — et qu’il faut décrire en mots plutôt qu’en trois nombres entre 0 et 255.

Comment convertir RGB en HSL

1. Saisissez le rouge, le vert et le bleu. Utilisez les trois champs numériques, ou collez directement rgb(64, 147, 230) — ou simplement 64, 147, 230 — dans le champ de texte.
2. Laissez la pastille et la valeur HSL se mettre à jour. Le résultat change à chaque frappe, sans bouton à cliquer et sans rien à envoyer à un serveur.
3. Cliquez sur la valeur HSL pour la copier. La ligne « autres formats » affiche aussi le hex et le RVB, et deux liens renvoient vers la couleur nommée la plus proche ainsi que vers le sélecteur de couleur complet.

À quoi sert cette conversion

RGB vers HSL sert chaque fois que la couleur en main vient d’une mesure plutôt que d’un choix : une pipette à couleur, une capture d’écran, une lecture de pixel dans un canvas, un script qui moyenne les couleurs d’une image. Ces outils renvoient presque toujours du RGB, trois nombres entre 0 et 255 qui ne disent rien, à eux seuls, sur ce à quoi ressemble la couleur.

La convertir en HSL rend cette information lisible : une teinte proche de 210 degrés avec une saturation élevée décrit sans ambiguïté un bleu vif, tandis qu’une saturation faible sur la même teinte décrit un bleu-gris terne, même si les deux partent de valeurs RGB très proches. C’est la conversion qu’on fait pour décrire une couleur mesurée à quelqu’un, la comparer à une autre, ou vérifier qu’une série de pixels appartient bien à la même famille de teintes.

Les limites, honnêtement

La transformation mathématique de RGB vers HSL ne perd rien : convertir les 16 777 216 couleurs sRVB possibles en HSL à pleine précision, puis revenir en RGB, redonne exactement la couleur de départ à chaque fois — 0 échec sur 16 777 216.

La perte apparaît à l’affichage, pas au calcul : ce convertisseur, comme tous les autres, arrondit la teinte et les pourcentages à l’entier pour rester lisible. Repartir de ce HSL arrondi et reconvertir en RGB ne redonne les canaux de départ que pour 1 775 570 couleurs sur 16 777 216, soit 10,58 % ; les 89,42 % restantes reviennent sur des valeurs RGB légèrement différentes de celles saisies.

C’est important à savoir si vous convertissez beaucoup de pixels : un HSL arrondi à l’entier ne compte que 3 672 360 triplets possibles (360 teintes × 101 saturations × 101 luminosités) contre 16 777 216 couleurs RGB distinctes, donc au moins 78,11 % des couleurs sont forcément regroupées sous le même triplet HSL — deux pixels de rouge très légèrement différents peuvent parfaitement s’afficher avec la même teinte, la même saturation et la même luminosité arrondies. L’écart reste généralement discret : 54,38 % des couleurs ne dévient que d’une unité sur le canal le plus touché après un aller-retour, 32,06 % de deux, et seulement 108 couleurs sur 16,7 millions de cinq. Le cas le plus extrême mesuré, #02E4E6, revient en #02DFE3 après être passé par hsl(181, 98%, 45%).

Le calcul a été confronté au module colorsys de la bibliothèque standard de Python, avec un accord total sur plus de 60 000 couleurs testées. Un cas mérite d’être signalé à part : pour une couleur grise, où rouge, vert et bleu sont égaux, la teinte n’a mathématiquement pas de sens puisqu’aucune direction du cercle chromatique ne s’impose — la convention suivie ici, comme ailleurs, est d’afficher 0. Retenez le RGB ou le hex d’origine comme référence si vous devez comparer des pixels avec précision.

Pourquoi c’est gratuit

Toute la conversion tourne dans votre navigateur : les valeurs RGB que vous saisissez ne quittent jamais votre machine, il n’y a rien à téléverser et aucun serveur à payer pour faire le calcul.

Sans coût serveur, il n’y a ni compte à créer, ni limite au nombre de conversions, ni filigrane à poser sur un résultat qui n’est de toute façon pas un fichier.