Convertisseur RGB en HSL
Convertissez des valeurs de rouge, vert et bleu en teinte, saturation et luminosité pour ajuster plus facilement vos couleurs en CSS.
Saisie rgb
Résultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Mode d’emploi: RGB en HSL
- 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.
RGB ou HSL
Le RGB construit une couleur à partir de trois canaux de lumière, ce qui convient aux écrans mais se règle difficilement à la main : assombrir un peu rgb(255, 61, 114) oblige à modifier les trois nombres. Le HSL décrit la même couleur par sa teinte, un angle sur la roue chromatique de 0 à 360°, plus la saturation et la luminosité en pourcentage : ce rose devient ainsi hsl(344, 100%, 62%).
Cette structure fait du HSL l’outil idéal pour créer des nuances et des thèmes. Gardez la teinte et la saturation et baissez la luminosité pour obtenir un état de survol ou d’appui, augmentez-la pour un fond teinté, ou réduisez la saturation pour une version atténuée. Tous les navigateurs modernes acceptent hsl() en CSS : vous pouvez donc coller le résultat directement. Le convertisseur arrondit les valeurs à des nombres entiers, si bien qu’une conversion inverse peut décaler un canal d’une unité.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.