Convierte valores de color RGB a formato HSL (Tono, Saturación, Luminosidad)
Conversión de formato
Acerca de esta herramienta
Convierte valores de color RGB a formato HSL (Tono, Saturación, Luminosidad). Convierte colores RGB y RGBA a las representaciones más intuitivas HSL y HSLA, facilitando el ajuste de luminosidad, saturación y la creación de variantes de color CSS.
Características principales
- Admite entrada RGB y RGBA
- Salida en formatos HSL y HSLA
- Salida en valores porcentuales y de ángulo
- Muestra de vista previa de color en tiempo real
- Copia en múltiples formatos con un solo clic
- Conversión en tiempo real mientras escribe
Casos de uso
- Convertir colores para uso con HSL en CSS
- Ajustar intuitivamente la luminosidad y saturación del color
- Crear variantes de color y paletas a partir de un color base
- Convertir colores de herramientas de diseño a formatos compatibles con la web
- Construir esquemas de color accesibles con control preciso de luminosidad
rgb
hsl
color
converter
css
design
Preguntas frecuentes
¿Qué es el formato HSL?
HSL significa Tono, Saturación y Luminosidad. El tono se expresa como un ángulo (0-360) que corresponde a una posición en la rueda de color. La saturación y la luminosidad se expresan como porcentajes (0-100%). HSL suele ser más intuitivo que RGB para la manipulación del color.
¿Se admite el canal de transparencia?
Sí. Cuando ingresa valores RGBA, la herramienta produce el formato HSLA con el canal de transparencia incluido. El valor de transparencia se conserva de la entrada.
¿Qué tan precisa es la conversión de RGB a HSL?
La conversión utiliza fórmulas matemáticas estándar de transformación del espacio de color RGB a HSL. El tono se calcula al grado más cercano, la saturación y la luminosidad al porcentaje más cercano. Los resultados son precisos y consistentes con las herramientas de conversión de color estándar de la industria.
¿Puedo ver una vista previa del color de los valores convertidos?
Sí. La herramienta muestra una muestra de vista previa de color en tiempo real que se actualiza instantáneamente al cambiar los valores RGB o HSL. Esta retroalimentación visual le ayuda a confirmar que el color convertido coincide con sus expectativas antes de usarlo.
¿También puedo ingresar valores HSL para obtener RGB?
Sí, la herramienta admite conversión bidireccional. Puede ingresar valores HSL en el campo de entrada y la herramienta los convertirá de vuelta a RGB, mostrando también el código HEX correspondiente y la vista previa del color.