Texte et code / MULTIVERTO
Transformez teinte, saturation et luminosité en canaux RGB entiers.
Appliquez chaque outil de texte au résultat précédent.
01 / Guide
La teinte choisit un secteur chromatique ; chroma et luminosité donnent les canaux RGB arrondis.
Le résultat n’a pas de canal alpha ; l’outil utilise RGB entier et HSL classique, pas des profils de gestion des couleurs.
02 / Exemple
hsl(210, 70%, 50%)rgb(38, 128, 217)03 / Guide
Transformez teinte, saturation et luminosité en canaux RGB entiers. Choisissez ce sens lorsqu’une création part d’une teinte et de deux pourcentages, mais qu’un autre outil demande des canaux RGB numériques. Saisissez hsl(210, 70%, 50%) ou les mêmes valeurs séparées par des virgules. La teinte va de zéro à 360 degrés ; saturation et luminosité de zéro à cent pour cent.
La teinte choisit un secteur chromatique ; chroma et luminosité donnent les canaux RGB arrondis. L’algorithme tire un chroma de la saturation et de la luminosité, le place dans le secteur de teinte, puis ajoute un décalage commun pour former rouge, vert et bleu. Il arrondit les canaux à des entiers de zéro à 255. Une teinte de 360 degrés revient à zéro. Une saturation nulle donne du gris quelle que soit la teinte. Pour un contrôle concret, l’exemple hsl(210, 70%, 50%) produit rgb(38, 128, 217). Gardez la saisie initiale à côté du résultat pour le comparer dans une autre application.
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.
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é.