Mavitools
🎨

Conversor de Colores

Convierte colores entre HEX, RGB y HSL al instante.

Usa el selector o escribe un código HEX de 6 dígitos.

Conversor de colores HEX, RGB y HSL online gratis

Convierte cualquier color entre los formatos HEX (#RRGGBB), RGB (r, g, b) y HSL (hue, saturation, lightness) al instante. Ideal para diseño web y CSS.

Fórmula

HEX → RGB: r = parseInt(hex[1..2], 16), g = parseInt(hex[3..4], 16), b = parseInt(hex[5..6], 16)

Ejemplo práctico

Tienes el color #3B82F6 (azul de Tailwind) y necesitas sus equivalentes:

  1. HEX: #3B82F6
  2. RGB: rgb(59, 130, 246)
  3. HSL: hsl(217, 91%, 60%)

Ahora puedes usar el color en cualquier contexto CSS o herramienta de diseño.

Preguntas frecuentes

¿Cuándo usar HEX vs RGB vs HSL?

HEX es el más común en HTML/CSS. RGB es útil cuando manipulas canales de color. HSL es ideal para crear variaciones (más claro, más saturado) porque sus parámetros son intuitivos.

¿Qué es el valor H en HSL?

H (Hue) es el tono en grados (0°=rojo, 120°=verde, 240°=azul). S es saturación (0%=gris, 100%=puro). L es luminosidad (0%=negro, 50%=normal, 100%=blanco).

¿Funciona con colores con transparencia (alfa)?

No. Esta herramienta trabaja con colores opacos. Para transparencia usa rgba() o hsla() directamente en tu CSS.

Herramientas relacionadas

📏

Conversor de Longitud

Convierte entre metros, kilómetros, millas, pies, pulgadas y más.

Usar →

 ⚖️

Conversor de Peso

Convierte entre kilogramos, libras, onzas, toneladas y más.

Usar →

 🌡️

Conversor de Temperatura

Convierte entre Celsius, Fahrenheit y Kelvin al instante.

Usar →

 🧪

Conversor de Volumen

Convierte entre litros, mililitros, galones, tazas y más.

Usar →