Convertisseur de couleur TSL vers RVB
Saisissez la teinte (0 a 360 degres), la saturation et la luminosite (en pourcentage) et cet outil convertit votre couleur au format RVB (0 a 255 pour rouge, vert, bleu). Ideal pour reutiliser une couleur TSL definie en CSS dans un editeur d'image ou un autre outil.
hsl(210, 65%, 45%)Les valeurs R, G, B du resultat indiquent les intensites des canaux rouge, vert et bleu sur une echelle de 0 a 255. Vous pouvez les utiliser directement en CSS sous la forme rgb(R, G, B) ou dans un logiciel de retouche d'image.
Comment interpreter le resultat ?
Les valeurs R, G, B du resultat indiquent les intensites des canaux rouge, vert et bleu sur une echelle de 0 a 255. Vous pouvez les utiliser directement en CSS sous la forme rgb(R, G, B) ou dans un logiciel de retouche d'image.
Comment convertir le TSL en RVB ?
Une valeur de 'chroma' (C) est d'abord calculee a partir de la saturation et de la luminosite. Des valeurs temporaires de R, G, B sont assignees selon le segment de 60 degres dans lequel se trouve la teinte, puis un decalage de luminosite (m) est ajoute et le resultat est ramene a l'echelle 0-255.
Formule
- La saturation et la luminosite sont converties du pourcentage vers une echelle de 0 a 1.
- Une valeur de 'chroma' (C) est calculee independamment du decalage de luminosite (m).
- Le segment de 60 degres dans lequel se trouve la teinte est determine.
- Selon ce segment, des valeurs temporaires (une combinaison de C, X, 0) sont assignees aux canaux R, G, B.
- Le decalage de luminosite (m) est ajoute puis le resultat est multiplie par 255 pour obtenir les valeurs finales R, G, B.
Exemple de conversion TSL vers RVB
H=210°, S=65 %, L=45 % (un bleu vif) donne environ R=40, G=115, B=189.
Conseils pour la conversion TSL vers RVB
- Saisissez la teinte (H) entre 0 et 360 degres ; 360 degres correspond a la meme couleur que 0 degre (rouge).
- Saisissez la saturation et la luminosite en pourcentage (0-100) ; des valeurs decimales donnent un resultat plus precis.
- Les valeurs RVB obtenues peuvent etre decimales ; arrondissez a l'entier le plus proche pour un usage a l'ecran ou en CSS.
Comparaisons
RVB(255, 0, 0)
Rouge pur ; le point de depart de la roue chromatique.
RVB(0, 255, 0)
Vert pur ; 120 degres sur la roue chromatique.
RVB(0, 0, 255)
Bleu pur ; 240 degres sur la roue chromatique.
environ RVB(128, 128, 128)
Gris neutre ; la teinte est visuellement sans importance des que la saturation est nulle.
Guide de conversion de couleur TSL vers RVB
Le modele TSL (Teinte, Saturation, Luminosite) est l'un des formats les plus utilises par les designers pour definir une couleur, car ajuster la teinte, la saturation et la luminosite independamment facilite la creation de variations d'une couleur. Cependant, les ecrans et la plupart des formats d'image traitant la couleur en RVB, une couleur definie en TSL doit etre convertie en RVB avant de pouvoir etre affichee.
Cette conversion repose sur la determination du segment de 60 degres de la roue chromatique dans lequel se trouve la teinte (H) ; la roue est divisee en six segments egaux de 60 degres, et dans chacun une combinaison differente des canaux rouge, vert et bleu devient dominante.
La saturation et la luminosite determinent l'ampleur (chroma, C) des valeurs de canal dans ce segment. Une saturation elevee produit des couleurs plus vives, une saturation faible des couleurs plus ternes (proches du gris), et la luminosite deplace le resultat vers le noir ou le blanc.
Cet outil traite les valeurs H, S, L saisies selon les etapes de conversion standard pour produire des valeurs R, G, B directement utilisables. Vous pouvez utiliser les resultats dans la fonction rgb() de CSS, dans un logiciel de retouche d'image ou dans tout autre outil base sur la couleur.
Convertir le TSL en RVB est particulierement utile pour les developpeurs qui doivent transmettre des couleurs de marque definies en TSL dans un systeme de design vers des outils tiers — comme d'anciens editeurs d'image ou des logiciels d'impression — attendant une entree RVB ou HEX.
FAQ
Qu'est-ce que le TSL ?
Le TSL est un modele de couleur qui decrit une couleur avec trois composantes : teinte, saturation et luminosite.
Qu'est-ce que le RVB ?
Le RVB est un modele de couleur qui compose les couleurs a l'ecran en combinant des intensites de lumiere rouge, verte et bleue, chacune de 0 a 255.
Pourquoi convertir le TSL en RVB ?
Cette conversion est necessaire pour reutiliser une couleur definie en TSL dans un CSS ou un outil de design au sein d'editeurs d'image ou d'autres systemes bases sur le RVB.
Que se passe-t-il si la teinte (H) depasse 360 ?
La teinte tournant sur la roue chromatique, 360 degres represente la meme couleur que 0 degre (rouge) ; cet outil attend une valeur comprise entre 0 et 360.
Quel est le resultat quand la saturation (S) est de 0 % ?
Lorsque la saturation est de 0 %, la teinte n'a plus aucun effet, et le resultat est une nuance de gris (R=G=B) qui depend uniquement de la luminosite.
Une luminosite de 50 % avec une saturation de 100 % donne-t-elle la couleur la plus vive ?
Oui, a 50 % de luminosite combinee a 100 % de saturation, une couleur atteint son etat le plus vif (le plus sature) ; cette combinaison est typique des couleurs pures comme le rouge, le vert et le bleu.
Pourquoi les valeurs RVB obtenues sont-elles decimales ?
La formule de conversion TSL vers RVB est mathematique, le resultat n'est donc pas toujours un nombre entier ; les systemes d'affichage arrondissent generalement ces valeurs a l'entier le plus proche.
Quels formats de couleur cet outil prend-il en charge ?
Cet outil convertit une entree TSL (teinte, saturation, luminosite) en sortie RVB (rouge, vert, bleu), utilisable dans les editeurs d'image ou la fonction CSS rgb().
Outils liés
Intégrer cet outil à votre site
<iframe src="https://pinfox.tech/fr/tools/general/convertisseur-hsl-rgb/?embed=1" width="100%" height="720" loading="lazy" style="border:0;border-radius:12px;overflow:hidden" title="Convertisseur de couleur TSL vers RVB - Pinfox"></iframe>