HEX to HSL Converter
Convert HEX colors to HSL instantly
HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 y nombres CSS
Todo se procesa localmente en tu navegador.
CSS HEX usa RRGGBBAA; Android y Flutter usan AARRGGBB.
Los colores convertidos aparecerán aquí.
Herramientas relacionadas
Resumen
Convierte colores HEX directamente a HSL, conservando el color sRGB y el alfa cuando la sintaxis de destino lo admite. La página comienza con entrada HEX y prioriza el resultado HSL.
Cómo funciona
Introduce HEX, por ejemplo #5CCC7F. El motor del navegador valida los canales, convierte mediante un modelo de color común y actualiza HSL, la vista previa, el contraste y otros formatos.
Ejemplos y usos
Usa la conversión de HEX a HSL al mover colores entre CSS, entregas de diseño, código de aplicaciones o especificaciones de impresión. El valor no se sube.
Casos límite y limitaciones
HEX admite 3, 4, 6 y 8 dígitos; los valores CSS de 8 dígitos usan el orden RRGGBBAA. El tono HSL gira en 360 grados, mientras saturación y luminosidad requieren porcentajes.
Conversión inversa
Para la dirección opuesta usa el conversor enlazado de HSL a HEX. La URL, el título, la entrada inicial y el resultado principal cambian juntos.
