Espacio mezclar · Ctrl+Z deshacer
CSS
/* Generando… */Paleta
Presets
Tipo de gradiente
Orgánico
Estilo de grano
Modo de fusión
Tamaño de exportación
Favorites
Exportar 1000×563px
Espacio mezclar · Ctrl+Z deshacer
CSS
/* Generando… */Exportar 1000×563px
Crea fondos en gradiente con estilos orgánicos, lineales, radiales y cónicos. Añade grano y textura, elige tu paleta y exporta en PNG o SVG. Sin cuenta, sin registro, úsalo en el navegador y descarga en segundos.
Heroes, landings, pantallas de carga. Exporta a 2000px para retina.
Publicaciones y gráficos. Usa 1:1 o 16:9 e impórtalos a tu proyecto.
Diapositivas, pósters. SVG nítido; PNG en cualquier herramienta.
Elige tipo de gradiente (orgánico, lineal, radial o cónico), añade o quita colores de la paleta y ajusta extensión y textura. Define relación de aspecto y tamaño del lado largo, luego exporta PNG o SVG. Pulsa Espacio para una nueva variación.
Todas las exportaciones son libres de regalías para uso personal y comercial.
Presets de gradiente en un clic (Atardecer, Océano, Aurora, etc.). Guarda los tuyos en favoritos y cárgalos cuando quieras.
Copia un enlace con tu diseño. Quien lo abra verá el mismo gradiente, colores y ajustes.
Sube una imagen y extrae una paleta. La herramienta toma colores dominantes y rellena las paradas del gradiente.
Historial completo. Deshacer y rehacer (Ctrl+Z / Ctrl+Shift+Z) y exportar cuando quieras.
Un clic copia CSS listo para pegar: gradiente y capa de grano con mix-blend-mode.
Elige ruido (fino), película (grano) o líneas de escaneado. Cada uno da una textura distinta.
Superposición, multiplicar, luz suave, etc., para controlar cómo el grano se integra en el gradiente.
Relación de aspecto (1:1, 16:9, 9:16, 4:3, 3:4) y lado largo (500, 1000 o 2000px). Mismo ajuste para PNG y SVG.
No. Usa el generador en el navegador y descarga PNG o SVG sin registro.
Sí. Todas las exportaciones son libres de regalías para uso personal y comercial.
Relaciones: 1:1, 16:9, 9:16, 4:3, 3:4. Lado largo: 500, 1000 o 2000px.
PNG es raster (píxeles), ideal para tamaños fijos. SVG escala; ambos incluyen la textura.
Cambia entre manchas orgánicas, lineal, radial y cónico en un clic. Añade grano con el control de textura para que la exportación coincida con la vista previa.
Descarga PNG de alta calidad o SVG escalable. Ambos incluyen la textura. Elige relación de aspecto y lado largo (500, 1000 o 2000px). Sin marcas de agua ni registro.
Copia un enlace a tu gradiente para que cualquiera pueda abrirlo y ver el mismo diseño. O copia el CSS y pégalo en tu proyecto: gradiente y textura en un solo fragmento. Sin cuenta.