Conversor de HEX a HSL — Color y contraste
Convierte un código sRGB hexadecimal de tres o seis dígitos a valores HSL y RGB.
Fórmulas y fuentes actualizadas · Fuentes de datos · 1Ver algoritmo, constantes y entradas predeterminadas (JSON)
Acerca de esta calculadora
Introduce un color sRGB hexadecimal de tres o seis dígitos, como #3B82F6. No se aceptan formatos con canal alfa porque esta página devuelve valores RGB y HSL opacos.
Ejemplo resuelto
calculado con los valores predeterminados de abajo
Color HEX #3B82F6 HSL hsl(217, 91%, 60%) · HSL hsl(217, 91%, 60%) · Matiz 217 ° · Saturación 91,2 % · Luminosidad 59,8 % · RGB 59, 130, 246
Método y supuestos
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B van de 0 a 1; si Δ = 0, H = S = 0; S y L se muestran en porcentaje. Introduce un color sRGB hexadecimal de tres o seis dígitos, como #3B82F6. No se aceptan formatos con canal alfa porque esta página devuelve valores RGB y HSL opacos. Las fuentes explican definiciones y métodos; los valores adicionales deben contrastarse con los supuestos de esta página.
Fuentes de datos
Las fuentes explican definiciones y métodos; los valores adicionales deben contrastarse con los supuestos de esta página.
Aviso legal
Estas calculadoras ofrecen resultados generales de conversión. El redondeo y la precisión del valor introducido afectan a la salida, así que los decimales mostrados son indicativos y no exactos.
Fuente de implementación
Este registro describe la implementación de esta página, sin validación independiente. Las referencias externas solo respaldan la fórmula o definición indicada; las estimaciones y reglas propias conservan sus supuestos.
Fórmula y variables
L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M))
- R,G,B
- canales normalizados (0–1)
- M
- máx(R, G, B)
- m
- mín(R, G, B)
- Δ
- M − m
- H,S,L
- matiz °, saturación, luminosidad
R,G,B van de 0 a 1; si Δ = 0, H = S = 0; S y L se muestran en porcentaje.
Preguntas frecuentes
¿Qué formatos HEX se aceptan?
Introduce un color sRGB hexadecimal de tres o seis dígitos, como #3B82F6. No se aceptan formatos con canal alfa porque esta página devuelve valores RGB y HSL opacos.
¿Qué datos y límites se aplican a Conversor de HEX a HSL — Color y contraste?
Usa las unidades indicadas junto a cada campo. Son límites del formulario, no valores recomendados. L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)) R,G,B van de 0 a 1; si Δ = 0, H = S = 0; S y L se muestran en porcentaje. Introduce un color sRGB hexadecimal de tres o seis dígitos, como #3B82F6. No se aceptan formatos con canal alfa porque esta página devuelve valores RGB y HSL opacos. Las fuentes explican definiciones y métodos; los valores adicionales deben contrastarse con los supuestos de esta página.
¿Cuál es un ejemplo completo de cálculo para Color HEX = #3B82F6?
Datos: Color HEX = #3B82F6. Cálculo: L = (M + m) ÷ 2; S = Δ ÷ (1 − |2L − 1|); H → 60° × ((G−B)/Δ mod 6 (R = M) | (B−R)/Δ + 2 (G = M) | (R−G)/Δ + 4 (B = M)). Resultados: HSL = hsl(217, 91%, 60%); Matiz = 217 °; Saturación = 91,2 %; Luminosidad = 59,8 %; RGB = 59, 130, 246.