Generador de Degradados CSS Gratis
Crea gradientes CSS hermosos visualmente. Elige colores, ajusta el ángulo, elige lineal o radial y copia el CSS generado. Sin registro.
100% gratis — no se necesita cuenta
background: linear-gradient(135deg, #6366f1, #ec4899);Preajustes
Funciones de Generador de Degradados CSS Gratis
Constructor visual de gradientes con vista previa en vivo
Copiar CSS
Copia con un clic la propiedad CSS de fondo generada.
6 Gradientes Preajustados
Comienza con preajustes hermosos como Atardecer, Océano, Bosque, Lavanda, Cereza y Medianoche.
Aleatorizar
Genera combinaciones de gradientes aleatorias para inspiración.
Lineal y Radial
Alterna entre tipos de gradiente lineal y radial con ángulo ajustable.
Preguntas frecuentes
¿Cuál es la diferencia entre lineal y radial?
Los gradientes lineales hacen la transición en línea recta a un ángulo específico. Los gradientes radiales hacen la transición hacia afuera desde un punto central en un patrón circular o elíptico.
¿Puedo usar más de 2 colores?
Esta herramienta soporta gradientes de 2 colores. Para gradientes con múltiples paradas, usa el CSS generado como punto de partida y añade paradas de color manualmente.
¿Los gradientes CSS funcionan en todos los navegadores?
Sí. Los gradientes CSS tienen excelente soporte en todos los navegadores modernos incluyendo Chrome, Firefox, Safari y Edge.
Crea Visuales de Marca
Usa gradientes personalizados en tus gráficos de redes sociales con AdaptlyPost.