Convertisseur HSL en HEX
Convertissez vos valeurs HSL en HEX instantanément, avec exemple détaillé et tableau des couleurs courantes. Gratuit.
Saisissez une valeur HSL et lisez la valeur HEX juste en dessous, ou choisissez une couleur via le sélecteur.
Exemple détaillé
HSL 11, 100%, 60% = HEX #ff5733
Comment fonctionne la conversion
- Un code HEX, ce sont les trois mêmes canaux RGB écrits en base 16 : deux chiffres par canal, de 00 (0) à ff (255).
- HSL décrit la même couleur par teinte (0–360° sur la roue), saturation et luminosité — pratique pour assombrir ou désaturer une couleur en ne changeant qu’une composante.
Couleurs courantes en HSL et HEX
| Couleur | HSL | HEX |
|---|---|---|
| Rouge | 0, 100%, 50% | #ff0000 |
| Orange | 39, 100%, 50% | #ffa500 |
| Jaune | 60, 100%, 50% | #ffff00 |
| Vert | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Bleu | 240, 100%, 50% | #0000ff |
| Violet | 300, 100%, 25% | #800080 |
| Rose | 350, 100%, 88% | #ffc0cb |
| Marron | 0, 59%, 41% | #a52a2a |
| Blanc | 0, 0%, 100% | #ffffff |
| Gris | 0, 0%, 50% | #808080 |
| Noir | 0, 0%, 0% | #000000 |
Chaque conversion se fait dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à BroBroGo.
FAQ
Comment convertir HSL en HEX ?
Saisissez ou collez votre valeur HSL ci-dessus : la valeur HEX se met à jour au fil de la frappe. Vous pouvez aussi choisir la couleur visuellement avec le sélecteur.
La conversion est-elle exacte ?
Les valeurs sont arrondies à l’entier, le format attendu par le CSS et les outils de design ; l’écart reste bien en dessous du visible.