Procesa hasta 200 imágenes por trabajo — elige ajustes una vez, ejecútalos todos.
Elige dos o más colores, ajusta el degradado a tu gusto, copia el CSS. O descárgalo como PNG para usarlo como fondo de pantalla, fondo de diapositiva o telón de fondo para publicaciones en redes sociales. Se admiten degradados lineales, radiales y cónicos, además de un modo de degradado de malla para los fondos suaves estilo Apple que ves en las interfaces modernas.
Tipos de degradado explicados
- Lineal: línea recta del color A al color B. Selector de dirección (arriba→abajo, diagonal, etc.).
- Radial: concéntrico: el color A en el centro se desvanece hacia el color B en los bordes. Útil para efectos de foco.
- Cónico: gira alrededor de un punto central como una rueda de colores. Tendencia en el diseño de UI moderno.
- Malla (premium): múltiples manchas de color mezcladas suavemente. El aspecto "degradado Apple".
Lo que puedes copiar
- CSS: declaración
linear-gradient(...) o background-image: lista para pegar.
- Tailwind: la clase
bg-gradient-* más cercana más cualquier adición de color personalizado.
- SVG: para uso escalable en íconos o gráficos de UI.
- Descarga PNG: cualquier tamaño, incluido fondo de pantalla para celular (1284×2778), escritorio (3840×2160) y cuadrado (1080×1080).
Casos de uso comunes
- Fondos de pantalla para celular: los degradados de malla son muy populares en iOS. Prueba nuestro iPhone Wallpaper Preview para verificar.
- Fondos para publicaciones en redes sociales: aspecto instantáneo de marca para gráficos de citas.
- Secciones Hero: los fondos con degradado están por todas partes en las páginas de aterrizaje.
- Presentaciones de diapositivas: reemplaza los fondos sólidos aburridos.
Cómo elegir colores que funcionen
Colores adyacentes en la rueda cromática = sutiles, armoniosos. Opuestos = llamativos, que captan la atención. Agrega una tercera parada intermedia para unir una brecha amplia. Para degradados fieles a la marca, pega tu HEX de marca y elige un tinte o sombra para la segunda parada. Usa nuestro Color Converter para encontrar tintes (HSL con mayor luminosidad) o sombras (menor).
Preguntas frecuentes
¿Puedo usarlos en producción?
Sí: el CSS copiado funciona en cualquier navegador moderno. Se proporcionan alternativas SVG para versiones anteriores.
¿Qué tal la compatibilidad del gradiente radial en los navegadores?
Universal en navegadores modernos. La sintaxis CSS es una sola línea.
¿Qué tan grande puedo exportar el PNG?
Gratis: hasta 4K (3840×2160). Premium: 8K y más.
¿Son difíciles de usar los degradados de malla?
En la web se basan en SVG o canvas. Te damos un PNG aplanado para facilitar su uso, además del código fuente SVG para editar.
¿Puedo guardar mis degradados?
Inicia sesión (gratis) y los degradados guardados aparecerán en tu biblioteca.
¿Qué es un gradiente 'cónico'?
Gira alrededor de un punto, como una rueda de colores o un gráfico circular. El CSS moderno lo soporta de forma nativa.
¿Funciona para degradados animados?
Solo exportación estática. Para fondos animados, copia el CSS y agrega una animación CSS alrededor del ángulo del degradado.
¿Por qué no simplemente escribir CSS a mano?
Puedes hacerlo — la herramienta solo hace que la iteración visual sea más rápida. Copia y ajusta.
Acerca de Generador de degradados: crea degradados lineales, radiales y de malla visualmente
Generador de degradados: crea degradados lineales, radiales y de malla visualmente es una herramienta gratuita en línea de Wallpapers.com que funciona completamente en tu navegador — sin instalación, sin marca de agua, sin registro de correo electrónico para la primera prueba.
Crea degradados lineales o radiales con salida CSS para copiar y pegar.
Cómo usar Generador de degradados: crea degradados lineales, radiales y de malla visualmente
- Elige un color de la paleta o pega un valor HEX / RGB.
- Ajusta la salida — paleta, contraste, colores complementarios.
- Copia el valor o exporta la paleta como JSON.
Cuándo usarlo
Los casos de uso comunes incluyen:
preparar imágenes para subir a la web, listados de comercio electrónico, plataformas de redes sociales con restricciones de formato, y convertir archivos de un dispositivo o aplicación a otro.
Gratis vs Premium
Cada visitante obtiene una prueba gratuita; los usuarios gratuitos registrados obtienen una cuota diaria mayor. Suscríbete a
Premium
para ejecuciones ilimitadas, procesamiento por lotes de hasta 200 imágenes por trabajo, cola prioritaria y navegación sin anuncios.
Herramientas relacionadas
¿Buscas algo ligeramente diferente? Prueba el
Selector de color desde imagen
,
Extractor de Paletas
o
Conversor a Escala de Grises
— o explora todo
Herramientas de Color herramientas.
