Convertisseur HEX en HSL
Convertissez vos valeurs HEX en HSL instantanément, avec exemple détaillé et tableau des couleurs courantes. Gratuit.
Saisissez une valeur HEX et lisez la valeur HSL juste en dessous, ou choisissez une couleur via le sélecteur.
Exemple détaillé
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX et HSL
| Couleur | HEX | HSL |
|---|---|---|
| Rouge | #ff0000 | 0, 100%, 50% |
| Orange | #ffa500 | 39, 100%, 50% |
| Jaune | #ffff00 | 60, 100%, 50% |
| Vert | #008000 | 120, 100%, 25% |
| Cyan | #00ffff | 180, 100%, 50% |
| Bleu | #0000ff | 240, 100%, 50% |
| Violet | #800080 | 300, 100%, 25% |
| Rose | #ffc0cb | 350, 100%, 88% |
| Marron | #a52a2a | 0, 59%, 41% |
| Blanc | #ffffff | 0, 0%, 100% |
| Gris | #808080 | 0, 0%, 50% |
| Noir | #000000 | 0, 0%, 0% |
Chaque conversion se fait dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à BroBroGo.
FAQ
Comment convertir HEX en HSL ?
Saisissez ou collez votre valeur HEX ci-dessus : la valeur HSL 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.