Conversor de color HEX ↔ RGB ↔ HSL

Edita cualquiera de los tres formatos y el resto se actualiza al instante, con previsualización en vivo. Todo el cálculo ocurre en tu navegador.

Procesamiento 100% local

color — hex · rgb · hsl

HEX Selector

R (0–255)

G (0–255)

B (0–255)

H (0–360)

S (%)

L (%)

Edita cualquier campo para convertir.

Los tres formatos, para qué sirve cada uno

HEX (#2de2c0): el más compacto y habitual en CSS. Cada par de dígitos es el rojo, verde y azul en hexadecimal.
RGB (rgb(45, 226, 192)): los mismos tres canales pero en decimal, de 0 a 255. Cómodo para ajustar a mano.
HSL (hsl(169, 76%, 53%)): tono, saturación y luminosidad. Es el más intuitivo para aclarar/oscurecer o cambiar el tono manteniendo la sensación del color.

Consejos rápidos

Para variantes de un color de marca, deja fijos H y S en HSL y mueve solo la L: obtendrás una escala coherente de claros y oscuros. Para comprobar contraste de texto, recuerda que la accesibilidad AA pide una relación mínima entre el color del texto y su fondo.

🔒La conversión es puro cálculo en tu navegador. No se guarda ni se envía ningún color.