💻

Convertidor de RGB a HSL con código HEX

Convierte valores RGB (0–255) a HSL (tono, saturación y luminosidad) y obtén también el código hexadecimal, listos para pegar en tu hoja de estilos CSS.

Rojo (R)

Verde (G)

Azul (B)

Cargando calculadora…

Cómo funciona

R, G, B ÷ 255 → máx y mín · L = (máx + mín) ÷ 2 · S = (máx − mín) ÷ (1 − |2L − 1|) · H = ángulo del canal dominante × 60°

RGB describe un color por la cantidad de luz roja, verde y azul, cada una de 0 a 255. HSL lo describe como lo percibimos: el tono es un ángulo en la rueda de color (0° rojo, 120° verde, 240° azul), la saturación indica qué tan puro es frente a un gris y la luminosidad qué tan cerca está del negro o del blanco. Para convertir, se dividen los tres canales entre 255, la luminosidad es el promedio del mayor y el menor, la saturación sale de la diferencia entre ambos y el tono depende de qué canal domina. Los valores fuera de 0–255 se ajustan al límite antes de calcular, y la calculadora también te da el código HEX equivalente.

Ejemplo resuelto

Un verde esmeralda rgb(0, 128, 96) equivale a hsl(165, 100%, 25%): tono de 165°, entre el verde y el cian, saturación al 100% porque el rojo está en cero y luminosidad del 25%, un color bastante oscuro. En hexadecimal es #008060.

Fuentes: HSL and HSV — Wikipedia

Preguntas frecuentes

¿Qué significan los valores de HSL?

H (hue) es el tono en grados de 0 a 360, S es la saturación en porcentaje (0% es gris) y L es la luminosidad en porcentaje (0% negro, 50% color puro, 100% blanco).

¿Por qué convertir RGB a HSL?

Porque en HSL es mucho más fácil crear paletas y variantes: cambiando solo la luminosidad obtienes tonos más claros u oscuros del mismo color, y cambiando el tono mantienes la misma intensidad con otro color.

¿Qué pasa si escribo un valor mayor que 255?

Se ajusta a 255 antes de convertir, y los negativos se ajustan a 0, porque cada canal RGB solo va de 0 a 255.

Calculadoras relacionadas

Convertidor de HEX a HSL

Convierte un código de color hexadecimal a HSL (tono, saturación y luminosidad) y a RGB, con los valores listos para pegar en tu CSS.

Convertidor de RGB a HEX

Convierte valores de rojo, verde y azul (0 a 255) a un código de color HEX y a la notación rgb() de CSS, con cada canal explicado en base 16.

Convertidor de HEX a RGB

Convierte cualquier código de color hexadecimal, como #aabbcc o el corto #abc, a sus valores de rojo, verde y azul y a una cadena rgb() lista para pegar en tu CSS.

Calculadora de palabras por minuto

Calcula tu velocidad de escritura en palabras por minuto (PPM) a partir de los caracteres o palabras y el tiempo: PPM brutas y netas, precisión, caracteres por minuto y pulsaciones por hora, con la palabra estándar de 5 caracteres, tasa de errores, nivel de velocidad y el tiempo para escribir un documento.

Esta calculadora tiene fines informativos. Verifica los resultados importantes antes de tomar decisiones.