Convertidor de RGB a HSL
Convierta valores de RGB a HSL mientras escribe: gratis, al instante, con un ejemplo resuelto y una tabla de colores comunes.
Escriba un valor RGB y lea el valor HSL justo debajo, o elija un color con el selector.
Ejemplo resuelto
RGB 255, 87, 51 = HSL 11, 100%, 60%
Cómo funciona la conversión
- 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 RGB y HSL
| Color | RGB | HSL |
|---|---|---|
| Rojo | 255, 0, 0 | 0, 100%, 50% |
| Naranja | 255, 165, 0 | 39, 100%, 50% |
| Amarillo | 255, 255, 0 | 60, 100%, 50% |
| Verde | 0, 128, 0 | 120, 100%, 25% |
| Cian | 0, 255, 255 | 180, 100%, 50% |
| Azul | 0, 0, 255 | 240, 100%, 50% |
| Morado | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Marrón | 165, 42, 42 | 0, 59%, 41% |
| Blanco | 255, 255, 255 | 0, 0%, 100% |
| Gris | 128, 128, 128 | 0, 0%, 50% |
| 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 RGB a HSL?
Escriba o pegue su valor RGB arriba: el valor HSL 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.