Herramientas para desarrolladores

Generador de gradiente CSS

Generador de gradiente CSS te permite elegir colores y dirección para construir degradados lineales o radiales, con vista previa en vivo y CSS listo para copiar.

Última actualización: July 2026

Crea degradados CSS lineales y radiales visualmente y copia el código. Generador de degradados gratis, instantáneo y en tu navegador.

Generador de gradiente CSSFunciona en tu navegador

Cómo usar Generador de gradiente CSS

  1. Elige dos colores y un tipo.
  2. Ajusta el ángulo o posición.
  3. Copia el CSS.

Preguntas frecuentes

¿Admite degradados radiales?

Sí: alterna entre degradados lineales y radiales, y ajusta el ángulo para los lineales.

¿Qué copia?

Una declaración CSS de fondo lista para usar.

¿Es gratis?

Sí, gratis e instantáneo.

herramientas para desarrolladores relacionadas