Cómo utilizar
Cómo convertir HSL en RGB
El HSL introducido cambiará automáticamente a RGB y aparecerá en pantalla.
Cómo convertir RGB en HSL
El RGB introducido cambiará automáticamente a HSL y aparecerá en pantalla.
Convertidor de color (RGB a HSL / HSL a RGB)
Convertidor de color que funciona en el propio navegador.
Convierte los RGB en HSL, o los HSL a RGB.
Convierte los RGB en HSL, o los HSL a RGB.
■ Convertidor de color (RGB a HSL / HSL a RGB)
■ HEX
HEX :
■ RGB
| R : | |
| G : | |
| B : |
■ HSL
| H : | |
| S : | |
| L : |
Rango de valores (H) :
Rango de valores (S, L) :
Rango de valores (S, L) :
Vista previa de color
#ffffff
Cargando
Introduzca el HSL en la ventana de texto.
El HSL introducido cambiará automáticamente a RGB y aparecerá en pantalla.
Introduzca el RGB en la ventana de texto.
El RGB introducido cambiará automáticamente a HSL y aparecerá en pantalla.
¿Qué es el HSL?
Es un modo de expresar los colores mediante 3 componentes: el «tono (Hue)», la «saturación (Saturation)» y el «luminosidad （Lightness / Luminance)».También se conoce como HLS.
Un modo similar al HSL es el HSV, que expresa los colores mediante 3 componentes: el «tono (Hue)», la «saturación (Saturation)» y la «brillo (Value / Brightness)»; sin embargo, procure no confundirlos, ya que la manera en que calculan los valores de brillo y luminosidad es completamente diferente.
Ventajas del HSV/HSL
Un modo muy utilizado es el RGB, que expresa los colores como «combinaciones de colores primarios»; sin embargo, no es apropiado para realizar pequeños ajustes de color, ya que cuesta ver cómo cambia el color al modificar cada uno de sus componentes.Por otra parte, el modo HSV/HSL expresa los colores mediante componentes fáciles de comprender intuitivamente, como su «claridad» e «intensidad», por lo cual se simplifica la realización de ajustes tales como «aclarar/oscurecer el color» y «diluirlo/saturarlo».
Colores basicos
| Nombre del color | Hexadecimal | RGB | HSL | |
| black | #000000 | 0,0,0 | 0,0,0 | |
| silver | #C0C0C0 | 192,192,192 | 0,0,75 | |
| gray | #808080 | 128,128,128 | 0,0,50 | |
| white | #FFFFFF | 255,255,255 | 0,0,100 | |
| maroon | #800000 | 128,0,0 | 0,100,25 | |
| red | #FF0000 | 255,0,0 | 0,100,50 | |
| purple | #800080 | 128,0,128 | 300,100,25 | |
| fuchsia | #FF00FF | 255,0,255 | 300,100,50 | |
| green | #008000 | 0,128,0 | 120,100,25 | |
| lime | #00FF00 | 0,255,0 | 120,100,50 | |
| olive | #808000 | 128,128,0 | 60,100,25 | |
| yellow | #FFFF00 | 255,255,0 | 60,100,50 | |
| navy | #000080 | 0,0,128 | 240,100,25 | |
| blue | #0000FF | 0,0,255 | 240,100,50 | |
| teal | #008080 | 0,128,128 | 180,100,25 | |
| aqua | #00FFFF | 0,255,255 | 180,100,50 |
Otras herramientas
Convertidor de color (RGB a HEX / HEX a RGB)
Convertidor de color que funciona en el propio navegador.
Convierte los RGB en códigos de color hexadecimales (HEX), o los códigos de color hexadecimales a RGB.
Convierte los RGB en códigos de color hexadecimales (HEX), o los códigos de color hexadecimales a RGB.
Convertidor de color (RGB a HSV / HEX a HSV)
Convertidor de color que funciona en el propio navegador.
Convierte los RGB en HSV, o los HSV a RGB.
Convierte los RGB en HSV, o los HSV a RGB.
Catálogo de colores en línea
Si tiene dudas al combinar los colores, puede usar este catálogo de colores en línea.