Conversor de Color RGB a HSL
Convierte valores de color RGB a HSL (matiz, saturación, luminosidad) al instante. Gratis, sin registro.
¿Esta herramienta respondió tu pregunta?
Gracias: esto nos ayuda a mejorar la herramienta.
Cómo usar esta herramienta
- Ingresa los valores de rojo, verde y azul (cada uno 0–255).
- La herramienta calcula el matiz (0–360°), la saturación (0–100%) y la luminosidad (0–100%).
- Usa el resultado hsl() directamente en CSS.
Convierte valores de color RGB al modelo HSL (Matiz, Saturación, Luminosidad) usado en CSS y herramientas de diseño.
Fórmula
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
Preguntas frecuentes
- ¿Qué es HSL?
- HSL significa Matiz, Saturación, Luminosidad (Hue, Saturation, Lightness). Representa los colores en un modelo cilíndrico, lo que lo hace más intuitivo que RGB para ajustar brillo y saturación.
- ¿Qué rango usa el matiz?
- El matiz se mide en grados de 0 a 360, donde 0/360 es rojo, 120 es verde y 240 es azul.