HSL to HEX
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 HEX
Chaque conversion normalise d’abord HSL en triplet sRGB (rouge, vert, bleu de 0 à 255), puis l’encode en HEX. 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 HEX
Produire le résultat en HEX et le coller dans la feuille de style ou l’outil de design.
Formule
hsl(9, 100%, 60%) → sRGB rgb(255,87,51) → HEX #FF5733
Exemple de calcul
hsl(9, 100%, 60%) = #FF5733 = #FF5733
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 HEX
Des valeurs courantes converties avec la même formule.
| Entrée (HSL) | Résultat (HEX) | |
|---|---|---|
hsl(11, 100%, 60%) | #FF5733 | |
hsl(243, 75%, 59%) | #4F46E5 | |
hsl(145, 63%, 49%) | #2ECC71 | |
hsl(204, 70%, 53%) | #3498DB | |
hsl(6, 78%, 57%) | #E74C3C | |
hsl(172, 75%, 39%) | #19AE99 | |
hsl(283, 39%, 53%) | #9B59B6 | |
hsl(37, 90%, 51%) | #F39C12 | |
hsl(210, 29%, 29%) | #34495E | |
hsl(340, 82%, 52%) | #E91F63 | |
hsl(0, 0%, 0%) | #000000 | |
hsl(0, 0%, 100%) | #FFFFFF |