Couleur RGB vers HSL

Lire une couleur par teinte et luminosité

Transformez des canaux RGB entiers en teinte, saturation et luminosité. Utilisez RGB vers HSL lorsque vous connaissez exactement les canaux rouge, vert et bleu, mais souhaitez comparer des couleurs ou régler une palette plus intuitivement. L’outil accepte des canaux entiers de zéro à 255, avec la syntaxe rgb() ou séparés par des virgules. Il déduit la teinte du canal dominant et des écarts entre canaux.

Les canaux sont ramenés à 0–1 ; leur maximum, minimum et écart déterminent HSL. La saturation tombe à zéro quand les trois canaux sont égaux ; un gris n’a alors pas de teinte significative et la sortie affiche zéro degré par convention. La luminosité vient du milieu entre le canal normalisé maximal et minimal. L’exemple donne une teinte proche de 211 degrés, utile pour chercher des bleus apparentés. Les pourcentages affichés sont arrondis à deux décimales. Pour un contrôle concret, l’exemple rgb(42, 127, 220) produit hsl(211.35, 71.77%, 51.37%). Gardez la saisie initiale à côté du résultat pour le comparer dans une autre application.

Comprendre les modèles de couleur

HEX et RGB décrivent les mêmes trois canaux de lumière additive. Chaque canal est un entier de zéro à 255, et l’hexadécimal écrit sa valeur avec deux chiffres en base seize. Un code à six chiffres contient donc, dans l’ordre, les paires rouge, verte et bleue. HSL est une autre description de cette couleur RGB : la teinte donne une position sur le cercle chromatique, la saturation mesure l’écart à un gris de même luminosité et la luminosité place la couleur entre noir et blanc. Ces notations aident à comparer des variables de design, lire du CSS et modifier une palette.

Choisir la bonne représentation

Le résultat n’a pas de canal alpha ; l’outil utilise RGB entier et HSL classique, pas des profils de gestion des couleurs. Choisissez la forme attendue par l’endroit où vous collerez le résultat. CSS accepte le code hexadécimal comme les fonctions rgb() et hsl(), mais un système de design peut conserver chaque canal séparément. Cet outil utilise l’arithmétique habituelle de sRGB ; il ne transforme pas les profils d’affichage et ne prédit pas le rendu de tous les écrans. Ces sorties à trois canaux ne contiennent pas de transparence. Un code alpha à quatre ou huit chiffres demande une autre opération. Les canaux RGB entiers et les décimales HSL affichées sont arrondis ; un aller-retour peut donc changer une valeur d’une unité.