Convertisseur HSL en RGB
Saisissez la teinte, la saturation et la luminosité et obtenez les valeurs de canaux rouge, vert et bleu correspondantes, de 0 à 255.
Saisie hsl
Résultat · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Mode d’emploi: HSL en RGB
- 1
Saisissez une couleur
Tapez un code couleur ou choisissez une couleur avec le sélecteur : chaque champ accepte le format qu’il affiche.
- 2
Voyez la conversion
Le résultat se met à jour instantanément pendant la saisie, avec un aperçu en direct de la couleur.
- 3
Copiez le code
Copiez la valeur dont vous avez besoin en un clic et collez-la dans votre design, votre CSS ou vos paramètres d’impression.
Du HSL au RGB
Le HSL est une façon confortable de concevoir des couleurs : vous choisissez une teinte sur la roue chromatique (0° pour le rouge, 120° pour le vert, 240° pour le bleu), puis réglez la saturation — l’éclat de la couleur — et la luminosité, où 0 % est le noir, 50 % la teinte pure et 100 % le blanc. Les écrans, eux, fonctionnent en RGB, la luminosité de leurs sous-pixels rouges, verts et bleus : une couleur HSL est donc toujours convertie avant d’être affichée.
Vous avez besoin des valeurs RGB lorsqu’un logiciel n’accepte pas le HSL : de nombreux éditeurs graphiques, les API de couleur d’Android et d’iOS, les rubans LED, les moteurs de jeu et les bibliothèques de graphiques attendent trois nombres de canaux. Saisissez les trois valeurs HSL et l’outil affiche le résultat RGB ainsi que les valeurs HEX, HSV et CMYK. Par exemple, hsl(200, 80%, 40%) donne rgb(20, 129, 184). Le HSL étant saisi en nombres entiers, des valeurs voisines produisent parfois la même couleur RGB.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.