Herramio
Desarrolladores

Convertidor de Color

Convierte colores entre HEX, RGB y HSL al instante, con selector visual incluido.

HEX#10B981
RGBrgb(16, 185, 129)
HSLhsl(160, 84%, 39%)

Conversión instantánea entre HEX, RGB y HSL, calculada en tu navegador — no se envía a ningún servidor.

Qué son HEX, RGB y HSL

Son tres formas distintas de representar el mismo color. HEX (#10B981) es la notación hexadecimal más común en CSS y diseño. RGB (rgb(16,185,129)) expresa el color como mezcla de rojo, verde y azul de 0 a 255. HSL (hsl(160,84%,39%)) lo describe por matiz, saturación y luminosidad — más intuitivo para ajustar un color a mano.

Casos de uso comunes

  • Convertir un color de diseño (HEX) al formato que necesita tu código (RGB/HSL)
  • Ajustar la luminosidad de un color manteniendo el mismo matiz, editando el valor HSL
  • Verificar el valor exacto de un color usando el selector visual
  • Copiar un color en el formato correcto para CSS, Tailwind o cualquier lenguaje

Preguntas frecuentes

¿Qué formatos de entrada acepta?+

HEX de 3 o 6 dígitos (con o sin #), rgb()/rgba() y hsl()/hsla(). Detecta el formato automáticamente.

¿Se guarda el color en algún servidor?+

No. Toda la conversión ocurre en tu navegador con funciones matemáticas nativas; nada se envía a un servidor.

¿Por qué RGB y HSL dan valores redondeados?+

La conversión entre espacios de color implica redondeo — la diferencia es imperceptible visualmente, normalmente de ±1 en un canal.

Usamos cookies para analítica y, cuando corresponda, publicidad. Puedes aceptarlas o rechazarlas — la herramienta funciona igual en ambos casos. Más información en nuestra política de cookies.