Convertidor de HSL a HEX
Convierta valores de HSL a HEX mientras escribe: gratis, al instante, con un ejemplo resuelto y una tabla de colores comunes.
Escriba un valor HSL y lea el valor HEX justo debajo, o elija un color con el selector.
Ejemplo resuelto
HSL 11, 100%, 60% = HEX #ff5733
Cómo funciona la conversión
- Un código HEX representa los mismos tres canales RGB escritos en base 16: dos dígitos por canal, desde 00 (0) hasta ff (255).
- HSL describe el mismo color mediante el tono (de 0 a 360° en la rueda de colores), la saturación y la luminosidad; resulta muy práctico para oscurecer o desaturar un color cambiando un solo componente.
Colores comunes en HSL y HEX
| Color | HSL | HEX |
|---|---|---|
| Rojo | 0, 100%, 50% | #ff0000 |
| Naranja | 39, 100%, 50% | #ffa500 |
| Amarillo | 60, 100%, 50% | #ffff00 |
| Verde | 120, 100%, 25% | #008000 |
| Cian | 180, 100%, 50% | #00ffff |
| Azul | 240, 100%, 50% | #0000ff |
| Morado | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Marrón | 0, 59%, 41% | #a52a2a |
| Blanco | 0, 0%, 100% | #ffffff |
| Gris | 0, 0%, 50% | #808080 |
| Negro | 0, 0%, 0% | #000000 |
Cada conversión se hace en tu navegador. Nada de lo que escribes se sube a BroBroGo.
Preguntas frecuentes
¿Cómo convierto HSL a HEX?
Escriba o pegue su valor HSL arriba: el valor HEX se actualizará a medida que escribe. También puede elegir el color de forma visual con el selector.
¿La conversión es exacta?
Los valores se redondean a números enteros, que es el formato que esperan CSS y las herramientas de diseño. La diferencia queda muy por debajo de lo que el ojo humano puede percibir.