La mayoría de las herramientas de degradado solo te dan una línea de CSS. Esta renderiza el degradado en un canvas real y te permite descargar el PNG terminado en el tamaño exacto de píxeles que necesitas: un fondo de pantalla para el móvil, un fondo de escritorio de 1920x1080, una publicación cuadrada para redes sociales o una medida personalizada. No se sube nada: la imagen se dibuja y se guarda por completo en tu dispositivo, así que tus colores y archivos siguen siendo privados.
Generador de Degradado Gratis
Funciona del todo en tu navegador: sin subir nada y sin registro.
Tipo
Tamaño de imagen
px
Paradas de color
Guarda un PNG real de 1920×1080 px
¿Qué es un generador de degradado?
Un generador de degradado es una herramienta que mezcla dos o más colores en una transición suave y la exporta como una imagen que puedes descargar. Elige tus colores y sus paradas, escoge lineal o radial, define el tamaño y guarda un PNG para un fondo de pantalla, un fondo, un banner o una miniatura. Todo funciona en tu navegador.
Cómo se usa
- 1Elige lineal o radial. El lineal mezcla los colores a lo largo de una línea recta con el ángulo que definas; el radial los extiende hacia afuera desde el centro en forma de círculo.
- 2Define tus colores y paradas. Haz clic en una muestra para elegir un color y arrastra su control deslizante para mover la parada. Añade hasta 8 paradas o quita hasta dejar 2, y pulsa Aleatorio para una idea rápida.
- 3Elige el tamaño de la imagen. Toca un preajuste (escritorio, móvil, cuadrado, redes sociales) o escribe un ancho y alto personalizados en píxeles. La vista previa se actualiza en vivo.
- 4Descarga el PNG. Haz clic en Descargar PNG para guardar el degradado como imagen a resolución completa, o copia el CSS para reutilizar el mismo degradado en tu código.
Para quién es
- Diseñadores y creadores de contenido que necesitan una imagen de fondo con degradado limpia para una diapositiva, una miniatura, un banner o una historia sin abrir Photoshop.
- Usuarios de móvil y escritorio que quieren un fondo de pantalla con degradado personalizado a la resolución exacta de su pantalla.
- Desarrolladores que quieren un PNG de degradado ligero como marcador de posición o imagen principal, junto con el CSS equivalente para reproducirlo en código.
- Gestores de redes sociales que exportan fondos de degradado acordes a su marca en los tamaños de publicaciones, historias e imágenes de portada.
Preguntas frecuentes
¿Es gratis este generador de degradado?
Sí, 100% gratis, sin registro, sin marcas de agua y sin límites. Crea y descarga tantas imágenes con degradado como quieras.
¿Se sube algo a un servidor?
No. El degradado se dibuja y se guarda por completo en tu navegador usando canvas. No se envía a ningún lado ni color, ni imagen, ni dato de uso.
¿En qué formato de imagen exporta?
Exporta un PNG, que mantiene el degradado perfectamente suave y sin pérdida, sin artefactos de compresión. El archivo se guarda al tamaño completo en píxeles que hayas definido, listo para usar como fondo de pantalla, fondo o subida a otra plataforma.
¿Qué tamaño debo usar para un fondo de pantalla con degradado?
Ajústalo a tu pantalla. Las opciones más comunes son 1920x1080 para la mayoría de los escritorios, 1080x1920 para un móvil en vertical y 1080x1080 para una publicación cuadrada en redes sociales. También puedes introducir cualquier ancho y alto personalizados hasta 8000 píxeles.
¿Cuál es la diferencia entre un degradado lineal y uno radial?
Un degradado lineal mezcla los colores a lo largo de una línea recta con el ángulo que elijas, así que el color cambia a través de la imagen. Un degradado radial parte de un punto central y se extiende hacia afuera en forma de círculo, así que el color cambia desde el centro hacia los bordes.
¿Puedo obtener también el CSS además de la imagen?
Sí. Junto al PNG descargable, la herramienta muestra el CSS de background-image equivalente. Cópialo para reproducir exactamente el mismo degradado en una página web o app en lugar de usar el archivo de imagen.
¿Cómo funcionan las paradas de color?
Cada parada empareja un color con una posición del 0% al 100% a lo largo del degradado. La mezcla fluye suavemente entre paradas vecinas. Colocar dos paradas en la misma posición crea un borde duro en lugar de una transición suave, lo cual es útil para rayas o fondos de bloques de color.