Conversor HSL Gratis: Convertir Colores HSL HEX RGB Online
6 usosConsejos HSL
Tono, Saturación, Luminosidad
H (tono): 0-360° en el círculo cromático. S (saturación): 0-100%. L (luminosidad): 0-100%. HSL es más intuitivo que RGB.
Conversión múltiple
Convierte entre HSL, HEX, RGB y CMYK. Todos los formatos se actualizan al instante.
Generar variaciones
Ajusta la saturación para tonos más vivos o apagados. Ajusta la luminosidad para más claro u oscuro.
Preguntas frecuentes
¿Qué es HSL?
Hue (tono, 0-360°), Saturation (saturación, 0-100%), Lightness (luminosidad, 0-100%). Es más intuitivo que RGB para diseñadores.
¿Cómo se diferencia de RGB?
RGB define colores por canales rojo/verde/azul. HSL los define por tono/saturación/luminosidad, más fácil para ajustar variaciones de un mismo color.
¿Cómo crear tonos claros y oscuros?
Mantén H y S, cambia solo L. L=90% muy claro, L=50% normal, L=10% muy oscuro.
¿Qué sucede si llevo el control deslizante de Luminosidad al 100%?
Llevar el control deslizante de Luminosidad al 100% siempre dará como resultado blanco, independientemente de los valores de Tono o Saturación que hayas seleccionado. Esta es una forma rápida de restablecer un color a su estado más brillante. Verás que el código HEX cambia a #FFFFFF y los valores RGB se convierten en 255, 255, 255.
¿Por qué mi color HSL se ve diferente en otra pantalla?
Cada monitor reproduce los colores de forma distinta. Un valor HSL vibrante en tu pantalla calibrada puede verse apagado en un portátil sin calibrar. No es un fallo de la herramienta — es una cuestión de hardware. Prueba tu color en al menos dos dispositivos antes de finalizar un diseño. Para la web, incluye valores HEX y RGB de respaldo en tu CSS para minimizar diferencias.
Cómo Convertir HSL
- Introduce valores HSL o usa el selector visual
- La conversión a HEX y RGB es automática
- Ajusta tono, saturación y luminosidad
- Copia cualquier formato