Convertir RGB en HSL

Saisissez les canaux rouge, vert et bleu entre 0 et 255. Le convertisseur renvoie la teinte sur un cercle de 0–360 degrés, ainsi que la saturation et la luminosité sous forme de pourcentages de 0 à 100. Il refuse tout canal absent, non numérique, infini ou hors limites au lieu de le corriger silencieusement, afin que les erreurs restent visibles et que les données produites demeurent fiables.

Saisissez correctement les canaux RGB

Fournissez trois champs numériques correspondant au rouge, au vert et au bleu, sous leurs noms abrégés r, g et b. Chaque canal doit se situer entre 0 et 255, bornes comprises. Zéro signifie que le canal ne contribue aucune intensité, tandis que 255 représente l'intensité maximale. Les valeurs décimales intermédiaires sont admises, ce qui s'avère utile lorsqu'un autre calcul produit des couleurs interpolées. Le convertisseur choisit délibérément de ne pas ramener les valeurs dans la plage valide. Si un canal est négatif, supérieur à 255, absent, non numérique ou infini, la requête renvoie une erreur de saisie. Cette rigueur sécurise les traitements automatisés, car une donnée source incorrecte ne peut pas devenir discrètement une couleur plausible mais erronée. Pour un premier essai simple, utilisez r 255, g 0 et b 0 : vous obtiendrez du rouge, avec une teinte de zéro degré, une saturation complète et une luminosité de cinquante pour cent. Lorsque vous copiez des valeurs CSS, transmettez uniquement les nombres des canaux, sans l'enveloppe rgb(), les virgules ni les signes de pourcentage. Une saisie numérique évite aussi toute confusion entre l'échelle RGB 0–255 et la notation en pourcentage de certains systèmes de conception.

Comprenez le calcul du résultat HSL

La conversion commence par normaliser chaque canal RGB en le divisant par 255. Elle repère ensuite le plus grand et le plus petit des canaux normalisés. Leur moyenne devient la luminosité, tandis que leur différence, appelée chroma, détermine si la couleur possède une saturation et une teinte significative. Lorsque le chroma vaut zéro, la couleur est une nuance de gris : la saturation vaut zéro et la teinte est fixée à zéro par convention, puisqu'aucune position du cercle chromatique ne se distingue visuellement. Pour les couleurs chromatiques, la saturation correspond au chroma ajusté en fonction de la luminosité, alors que la teinte dépend du plus grand canal RGB. Le rouge, le vert et le bleu occupent des secteurs différents du cercle, et les écarts relatifs entre canaux précisent la position dans le secteur. La teinte est exprimée en degrés, de zéro à une valeur strictement inférieure à 360. La saturation et la luminosité sont multipliées par 100 et données en pourcentage. Les résultats sont arrondis à quatre décimales afin d'allier précision utile, stabilité et lisibilité. Il s'agit de la transformation RGB vers HSL standard : elle réorganise les mêmes informations sans gestion des couleurs, correction gamma ni conversion de profil.

Exploitez HSL dans la conception et les applications

HSL est souvent plus intuitif que RGB lorsqu'il faut raisonner sur des variantes. La teinte désigne la famille de couleur, la saturation règle son caractère vif ou grisé, et la luminosité la rapproche du noir ou du blanc. Après avoir converti une couleur de marque, vous pouvez conserver sa teinte et modifier sa luminosité pour les états survolé, enfoncé ou désactivé. Un pipeline de données peut uniformiser différents enregistrements de couleur dans une représentation HSL commune avant de les trier ou de les regrouper. Un contrôle qualité peut également confronter les valeurs renvoyées aux jetons de conception et écarter rapidement les canaux RGB mal formés. Gardez à l'esprit que des variations numériques égales ne garantissent pas des variations visuelles égales : HSL est pratique pour les contrôles, mais n'est pas un espace colorimétrique perceptuellement uniforme. Conservez les valeurs RGB initiales si un aller-retour exact est important, car l'arrondi peut introduire un léger écart lors de la reconversion. L'opération est déterministe et ne dépend que des nombres fournis : aucun accès réseau, hasard, horloge ou référentiel externe de couleurs. Des entrées identiques produisent donc des sorties identiques, ce qui convient aux tests, scripts de build, intégrations API et outils reproductibles de systèmes de conception.