Convertidor de HSL a RGB
Convierte valores HSL a RGB al instante mientras escribes, con ejemplo resuelto y tabla de colores comunes. Gratis.
Escribe un valor HSL y lee el valor RGB justo debajo, o elige un color con el selector.
Ejemplo resuelto
HSL 11, 100%, 60% = RGB 255, 87, 51
Cómo funciona la conversión
- HSL describe el mismo color por tono (0–360° en la rueda), saturación y luminosidad: práctico para oscurecer o desaturar un color cambiando solo un componente.
Colores comunes en HSL y RGB
| Color | HSL | RGB |
|---|---|---|
| Rojo | 0, 100%, 50% | 255, 0, 0 |
| Naranja | 39, 100%, 50% | 255, 165, 0 |
| Amarillo | 60, 100%, 50% | 255, 255, 0 |
| Verde | 120, 100%, 25% | 0, 128, 0 |
| Cian | 180, 100%, 50% | 0, 255, 255 |
| Azul | 240, 100%, 50% | 0, 0, 255 |
| Morado | 300, 100%, 25% | 128, 0, 128 |
| Rosa | 350, 100%, 88% | 255, 192, 203 |
| Marrón | 0, 59%, 41% | 165, 42, 42 |
| Blanco | 0, 0%, 100% | 255, 255, 255 |
| Gris | 0, 0%, 50% | 128, 128, 128 |
| Negro | 0, 0%, 0% | 0, 0, 0 |
Cada conversión se hace en tu navegador. Nada de lo que escribes se sube a BroBroGo.
Preguntas frecuentes
¿Cómo convierto HSL a RGB?
Escribe o pega tu valor HSL arriba: el valor RGB se actualiza mientras escribes. También puedes elegir el color visualmente con el selector.
¿La conversión es exacta?
Los valores se redondean a números enteros, el formato que esperan CSS y las herramientas de diseño; la diferencia queda muy por debajo de lo visible.