HSL to HEX Converter
Convert HSL colors to HEX 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 HSL directamente a HEX, conservando el color sRGB y el alfa cuando la sintaxis de destino lo admite. La página comienza con entrada HSL y prioriza el resultado HEX.
Cómo funciona
Introduce HSL, por ejemplo hsl(139 52% 58%). El motor del navegador valida los canales, convierte mediante un modelo de color común y actualiza HEX, la vista previa, el contraste y otros formatos.
Ejemplos y usos
Usa la conversión de HSL a HEX 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
El tono HSL gira en 360 grados, mientras saturación y luminosidad requieren porcentajes. HEX admite 3, 4, 6 y 8 dígitos; los valores CSS de 8 dígitos usan el orden RRGGBBAA.
Conversión inversa
Para la dirección opuesta usa el conversor enlazado de HEX a HSL. La URL, el título, la entrada inicial y el resultado principal cambian juntos.
