HSL to RGB
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 HSL vers RGB
Chaque conversion normalise d’abord HSL en triplet sRGB (rouge, vert, bleu de 0 à 255), puis l’encode en RGB. Les deux écritures décrivent le même pixel : la couleur visible ne change pas.
Lire l’entrée
Décomposer la valeur HSL 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 RGB
Produire le résultat en RGB et le coller dans la feuille de style ou l’outil de design.
Formule
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → RGB rgb(255,87,51)
Exemple de calcul
hsl(9, 100%, 60%) = #FF5733 = rgb(255,87,51)
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 HSL vers RGB
Des valeurs courantes converties avec la même formule.
| Entrée (HSL) | Résultat (RGB) | |
|---|---|---|
hsl(11, 100%, 60%) | rgb(255,87,51) | |
hsl(243, 75%, 59%) | rgb(79,70,229) | |
hsl(145, 63%, 49%) | rgb(46,204,113) | |
hsl(204, 70%, 53%) | rgb(52,152,219) | |
hsl(6, 78%, 57%) | rgb(231,76,60) | |
hsl(172, 75%, 39%) | rgb(25,174,153) | |
hsl(283, 39%, 53%) | rgb(155,89,182) | |
hsl(37, 90%, 51%) | rgb(243,156,18) | |
hsl(210, 29%, 29%) | rgb(52,73,94) | |
hsl(340, 82%, 52%) | rgb(233,31,99) | |
hsl(0, 0%, 0%) | rgb(0,0,0) | |
hsl(0, 0%, 100%) | rgb(255,255,255) |