RGB to HSL
Chaque format de couleur décrit la même chose dans un langage différent : HEX pour les feuilles de style, RGB pour les écrans et le code, HSL pour construire des palettes, CMYK pour l’impression. Choisissez la conversion et obtenez la valeur exacte, un aperçu en direct et la formule.
Cette couleur dans tous les formats
La même couleur en HEX, RGB, HSL et CMYK. Copiez n’importe quelle valeur.
Conversion RGB vers HSL
Chaque conversion normalise d’abord RGB en triplet sRGB (rouge, vert, bleu de 0 à 255), puis l’encode en HSL. Les deux écritures décrivent le même pixel : la couleur visible ne change pas.
Lire l’entrée
Décomposer la valeur RGB en canaux (paires hexadécimales, nombres ou pourcentages).
Normaliser en sRGB
Ramener chaque canal sur 0–255 pour éviter l’accumulation des arrondis.
Encoder en HSL
Produire le résultat en HSL et le coller dans la feuille de style ou l’outil de design.
Formule
rgb(255, 87, 51) → sRGB rgb(255,87,51) → HSL hsl(11, 100%, 60%)
Exemple de calcul
rgb(255, 87, 51) = #FF5733 = hsl(11, 100%, 60%)
Les canaux sont arrondis à l’entier ; pour revenir en arrière, utilisez le même outil afin d’éviter les dérives.
Table de référence RGB vers HSL
Des valeurs courantes converties avec la même formule.
| Entrée (RGB) | Résultat (HSL) | |
|---|---|---|
rgb(255,87,51) | hsl(11, 100%, 60%) | |
rgb(79,70,229) | hsl(243, 75%, 59%) | |
rgb(46,204,113) | hsl(145, 63%, 49%) | |
rgb(52,152,219) | hsl(204, 70%, 53%) | |
rgb(231,76,60) | hsl(6, 78%, 57%) | |
rgb(25,174,153) | hsl(172, 75%, 39%) | |
rgb(155,89,182) | hsl(283, 39%, 53%) | |
rgb(243,156,18) | hsl(37, 90%, 51%) | |
rgb(52,73,94) | hsl(210, 29%, 29%) | |
rgb(233,31,99) | hsl(340, 82%, 52%) | |
rgb(0,0,0) | hsl(0, 0%, 0%) | |
rgb(255,255,255) | hsl(0, 0%, 100%) |