Descargar degradado gratis

Elige tamaños predefinidos o establece los tuyos

Copiar los colores del degradado

Presentado en la mayoría de los sistemas de colores comunes 🎨

#{{ color }}
  • RGB {{ toRGB(color) }}
  • CMYK {{ toCMYK(color) }}
  • HSL {{ toHSL(color) }}
Código CSS
background: -webkit-linear-gradient({{direction}}deg, {{ colorlinecss }});
background: linear-gradient({{direction}}deg, {{ colorlinecss }});

Establece el tamaño y el ángulo

Establece el alto, el ancho y el ángulo del degradado, luego haz clic en la imagen generada para descargar 🧙

Usa las flechas del teclado para cambiar el parámetro por 1 unidad

Descargar tamaños populares

Aquí se encuentran los tamaños más comúnmente utilizados ✨

1920×1080
1080×1920
1080×1080
1500×1000
320×320
1200×628
970×90
800×600
750×750
1500×500
1200×600
1800×1350
480×60
820×360
300×250
1600×1200

Degradados similares 🧁

Hola,
¡Qué bueno verte!

¿Olvidaste tu contraseña?

Ingresa la dirección de correo electrónico que utilizaste al unirte y te enviaremos instrucciones para restablecer tu contraseña.

Crear
una nueva cuenta

Contraseña no coincide

Presentando los Gradientes de Malla

Hemos añadido un generador de gradientes de malla y una nueva biblioteca de malla para que puedas enriquecer con tus gradientes. Ahora puedes crear hermosos gradientes abstractos, descargarlos, copiar sus códigos CSS, guardarlos en tu panel personal y añadirlos a la biblioteca pública.

¡Pronto añadiremos un generador de gradientes radiales!

Gradientes de malla