Estudio de degradados mesh
Mueve puntos de color, elige un modo de mezcla, añade grano y ondas, y exporta en PNG, SVG, CSS, vídeo WebM o como fondo animado para tu web.
Todo se calcula en tu navegador: no se envía ninguna imagen ni ningún ajuste a un servidor.
Sobre esta herramienta
Este estudio crea degradados mesh, esos fondos de colores fundidos que se ven en webs, presentaciones, fondos de pantalla y redes sociales. Colocas puntos de color sobre la vista previa y los mueves con el ratón, con el dedo o con el teclado. Tienes tres modos de mezcla: una cuadrícula deformable con interpolación bilineal o bicúbica, un campo de puntos que brilla como una aurora boreal y halos difuminados sobre un fondo liso.
El grano ajustable da una textura fotográfica y evita las bandas de color, y la deformación añade olas, un remolino o un efecto líquido. Diez paletas listas y un botón aleatorio te sirven de punto de partida. Puedes exportar un PNG de hasta 6000 px por lado o en formatos habituales (fondo de pantalla, story, banner, Open Graph), un vídeo en bucle grabado por el navegador, un SVG con filtros, un CSS aproximado y un pequeño código de fondo animado para pegar en tu web.
- Tres modos: cuadrícula mesh, aurora, halos difusos
- Puntos que mueves con ratón, dedo o teclado
- Grano, saturación, brillo y deformación
- Bucle animado perfecto y vídeo WebM
- PNG de hasta 6000 px y formatos listos
- Exportación SVG, CSS y código de fondo animado
Cómo usarla
- Elige un formato encima de la vista previa, luego un modo de mezcla y una paleta.
- Mueve los puntos, cambia su color y su radio, añade grano o deformación.
- Activa la animación para tener un fondo vivo y graba el vídeo en la pestaña Animación.
- En la pestaña Exportar, descarga el PNG o el SVG, o copia el CSS y el código para insertar.