¿Cómo convierto RGB a HSL?

Introduce rojo, verde y azul de 0 a 255. La herramienta calcula tono (0-360), saturación (0-100%) y luminosidad (0-100%) y muestra el CSS hsl() para copiar. Ejemplo: rgb(255, 0, 0) es hsl(0, 100%, 50%).

¿Puedo convertir HSL a RGB?

Sí. Edita H, S o L y los canales RGB, el CSS rgb(), el HEX y la muestra se actualizan a la vez. El tono da la vuelta en 360; saturación y luminosidad se limitan a 0-100.

¿Qué significan H, S y L?

El tono es el ángulo en la rueda (0 rojo, 120 verde, 240 azul). La saturación es lo vivo del color (0% gris, 100% color pleno). La luminosidad es lo claro que es (0% negro, 50% puro, 100% blanco).

¿Por qué el tono es 0 en el gris?

Los grises tienen saturación 0%, así que el tono no está definido y este convertidor informa 0. Cambiar el tono en un gris no hace nada hasta que subes la saturación.

¿Es lo mismo que HEX a RGB?

No. El convertidor HEX a RGB sirve para códigos #rgb / #rrggbb, más CMYK, contraste y tokens. Esta herramienta es el camino RGB ↔ HSL. Combínalas si la spec mezcla HEX y HSL.

¿Sale el color de mi dispositivo?

No. El convertidor RGB a HSL corre por completo en tu navegador. Los valores no se suben ni se guardan en un servidor.

Convertidores

Convertidor RGB a HSL

Convierte RGB (0-255) a HSL (tono, saturación y luminosidad) y al revés en el navegador.

rgb(20, 184, 166)hsl(173, 80%, 40%)

RGB

= hsl(173, 80%, 40%)

HSL

= rgb(20, 184, 166)

HEX #14b8a6

Acerca de Convertidor RGB a HSL

Convierte RGB (0-255) a HSL (tono, saturación y luminosidad) y al revés en el navegador. Escribe un canal, elige un color o pulsa un preset: la muestra, el CSS rgb() y el CSS hsl() se actualizan juntos. Sirve para hojas de estilo, tokens de diseño y el paso entre herramientas con distintos modelos de color. Nada se sube.

Cómo usar Convertidor RGB a HSL

Introduce R, G y B de 0 a 255, o elige un color con el selector nativo.
Lee los valores H, S y L (tono 0-360, saturación y luminosidad 0-100%).
Edita H, S o L para convertir al revés; RGB y la muestra se actualizan al instante.
Copia el CSS rgb() o hsl() (o el HEX) a tu hoja de estilo, sin registro.

Ejemplos de Convertidor RGB a HSL

Rojo puro

rgb(255, 0, 0) → hsl(0, 100%, 50%).

Azul Tailwind 500

rgb(59, 130, 246) → hsl(217, 91%, 60%).

Gris neutro

rgb(128, 128, 128) → hsl(0, 0%, 50%). El tono es 0 porque el gris no tiene saturación.

HSL a RGB

hsl(120, 100%, 50%) → rgb(0, 255, 0) (verde puro).

Leer la guía completa

Cómo usar Convertidor RGB a HSL: guía completa (2026) - 5 min de lectura

Preguntas frecuentes sobre Convertidor RGB a HSL

¿Cómo convierto RGB a HSL?: Introduce rojo, verde y azul de 0 a 255. La herramienta calcula tono (0-360), saturación (0-100%) y luminosidad (0-100%) y muestra el CSS hsl() para copiar. Ejemplo: rgb(255, 0, 0) es hsl(0, 100%, 50%).
¿Puedo convertir HSL a RGB?: Sí. Edita H, S o L y los canales RGB, el CSS rgb(), el HEX y la muestra se actualizan a la vez. El tono da la vuelta en 360; saturación y luminosidad se limitan a 0-100.
¿Qué significan H, S y L?: El tono es el ángulo en la rueda (0 rojo, 120 verde, 240 azul). La saturación es lo vivo del color (0% gris, 100% color pleno). La luminosidad es lo claro que es (0% negro, 50% puro, 100% blanco).
¿Por qué el tono es 0 en el gris?: Los grises tienen saturación 0%, así que el tono no está definido y este convertidor informa 0. Cambiar el tono en un gris no hace nada hasta que subes la saturación.
¿Es lo mismo que HEX a RGB?: No. El convertidor HEX a RGB sirve para códigos #rgb / #rrggbb, más CMYK, contraste y tokens. Esta herramienta es el camino RGB ↔ HSL. Combínalas si la spec mezcla HEX y HSL.
¿Sale el color de mi dispositivo?: No. El convertidor RGB a HSL corre por completo en tu navegador. Los valores no se suben ni se guardan en un servidor.

Convertidor de HEX a RGB

Convierte HEX a RGB (y viceversa) con HSL, CMYK, rampa de tintas y sombras, tarjetas de contraste WCAG y un snippet de tokens CSS: convertidor de códigos de color gratis online.

Convertidor de cm a pulgadas

Convierte centímetros a pulgadas y pulgadas a centímetros al instante. Convertidor gratis de cm a pulgadas online con 1 pulgada = 2,54 cm y resultados precisos en ambos sentidos.