Convertir HEX a HSL
Escribe un valor HEX y obtén HSL al momento. Todo se calcula en tu navegador: nada se envía a un servidor.
HOW
Cómo se calcula
Primero se pasa el HEX a RGB y luego a tono (0–360°), saturación y luminosidad. La diferencia entre el canal mayor y el menor marca la saturación; su media, la luminosidad.
EXAMPLES
Ejemplos de HEX a HSL
| Color | HEX | HSL |
|---|---|---|
| Red | #FF0000 |
hsl(0, 100%, 50%) |
| Tomato | #FF6347 |
hsl(9, 100%, 64%) |
| Orange | #FFA500 |
hsl(39, 100%, 50%) |
| Gold | #FFD700 |
hsl(51, 100%, 50%) |
| Limegreen | #32CD32 |
hsl(120, 61%, 50%) |
| Teal | #008080 |
hsl(180, 100%, 25%) |
| Dodgerblue | #1E90FF |
hsl(210, 100%, 56%) |
| Royalblue | #4169E1 |
hsl(225, 73%, 57%) |
| Blueviolet | #8A2BE2 |
hsl(271, 76%, 53%) |
| Hotpink | #FF69B4 |
hsl(330, 100%, 71%) |
MORE