Inicio / Herramientas de Color / Conversor de color
Herramientas online gratis

Conversor de color

Convierte valores HEX, RGB, RGBA, HSL, HSLA y HSV editables mientras previsualizas el mismo color y copias el formato que necesita tu código o sistema de dis…

Empezar a usar

Qué te ayuda a hacer esta herramienta

Convierte valores HEX, RGB, RGBA, HSL, HSLA y HSV editables mientras previsualizas el mismo color y copias el formato que necesita tu código o sistema de diseño.

Ejemplo práctico

Entrada

#3B82F6

Resultado

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

Cómo se produce el resultado

RGB almacena la intensidad de los canales rojo, verde y azul. HSL describe tono, saturación y luminosidad; HSV usa valor en lugar de luminosidad. La conversión conserva el color representado, sujeto a redondeo y límites de gama.

Flujos de trabajo útiles

  • Traducir colores de archivos de diseño a CSS
  • Crear variantes HSL editables a partir de un valor HEX de marca
  • Verificar los valores alfa antes de usar superposiciones

Límites importantes

  • HEX sin canal alfa es completamente opaco.
  • Las conversiones repetidas pueden cambiar el último dígito porque los canales se redondean.
  • Valores numéricos equivalentes pueden verse diferentes en pantallas no calibradas.

Preguntas frecuentes

¿Son diferentes los colores HEX y RGB?

Son dos notaciones para el mismo modelo de canales RGB; #3B82F6 y rgb(59,130,246) representan el mismo color.

¿Convertir un color mejora el contraste?

No. La conversión cambia la notación, no el contraste. Prueba el par real de primer plano y fondo.

El procesamiento se realiza localmente en tu navegador.