¿Sabías que…?Pulsa ⌘K o Ctrl+K para buscar cualquier herramienta.Cada herramienta tiene su YouPet guardiana.Pulsa ⌘K o Ctrl+K para buscar cualquier herramienta.Con el corazón guardas tus herramientas favoritas.Tu YouPet evoluciona mientras usas la web.
CargandoFondos 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.
¡Hola! Soy Degra y cuido de esta herramienta.
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:
Elige un estilo: Parte de un estilo (Caramelo, Aurora, Neón…) o pulsa «Sorpréndeme» para una combinación al azar que combina.
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.