Fondo de pantalla
Escritorio, 4K o móvil: descárgalo al tamaño exacto de tu pantalla.
Fondos de degradado de malla · gratis
Crea fondos fluidos arrastrando manchas de color. Elige un estilo o deja que la suerte decida, ajusta el desenfoque y el grano, y descárgalo para tu escritorio, tu móvil o tus redes, incluso en 4K.
Arrastra los puntos para mover el color. Haz doble clic en el lienzo para añadir uno ahí. Con un punto elegido, las flechas del teclado lo mueven.
Pulsa un color (aquí o en el lienzo) para cambiarlo, agrandarlo o quitarlo.
Fusión de colores
Calidad máxima, sin pérdida.
Aproximación sin grano ni desenfoque extra (CSS no puede desenfocar sólo el fondo).
.fondo-malla {
aspect-ratio: 1920 / 1080;
background-color: #fdf2f8;
background-image:
radial-gradient(42% 74.7% at 90% 82%, rgb(134, 239, 172) 0%, rgba(134, 239, 172, 0.72) 35%, rgba(134, 239, 172, 0.22) 70%, rgba(134, 239, 172, 0) 100%),
radial-gradient(45% 80% at 12% 88%, rgb(196, 181, 253) 0%, rgba(196, 181, 253, 0.72) 35%, rgba(196, 181, 253, 0.22) 70%, rgba(196, 181, 253, 0) 100%),
radial-gradient(60% 106.7% at 55% 78%, rgb(253, 230, 138) 0%, rgba(253, 230, 138, 0.72) 35%, rgba(253, 230, 138, 0.22) 70%, rgba(253, 230, 138, 0) 100%),
radial-gradient(50% 88.9% at 82% 18%, rgb(165, 243, 252) 0%, rgba(165, 243, 252, 0.72) 35%, rgba(165, 243, 252, 0.22) 70%, rgba(165, 243, 252, 0) 100%),
radial-gradient(55% 97.8% at 18% 22%, rgb(249, 168, 212) 0%, rgba(249, 168, 212, 0.72) 35%, rgba(249, 168, 212, 0.22) 70%, rgba(249, 168, 212, 0) 100%);
}Un degradado de malla mezcla varias manchas de color que se funden entre sí. Aquí cada mancha es un punto que mueves con el dedo: el fondo se recalcula al momento y lo descargas al tamaño exacto que necesitas.
Elige un estilo, mueve los colores y descárgalo al tamaño que necesitas:
Escritorio, 4K o móvil: descárgalo al tamaño exacto de tu pantalla.
Stories, posts y banners con un fondo propio para tus textos.
WebP ligero, SVG vectorial o CSS para tus secciones y portadas.