Generador de gradiente CSS
Crea gradientes lineales y radiales con varios colores y copia el CSS listo.
Arma tu gradiente.
Disponible en: 
Generador de gradiente CSS: para qué sirve
El generador crea degradados con la cantidad de colores que quieras, en formato lineal (con ángulo) o radial. La vista previa cambia al instante y el código CSS queda listo para copiar.
También puedes descargar el gradiente como imagen PNG en 1920×1080 para usarlo como fondo.
Cómo usar
- Elige el tipo y el ángulo.
- Ajusta los colores y las posiciones.
- Copia el CSS o descarga el PNG.
Cuándo usar
- Fondos de sitios y botones.
- Fondo de pantalla y fondo de diapositivas.
- Probar combinaciones de colores.
Preguntas frecuentes
¿Funciona en todos los navegadores?
Sí. El CSS generado usa linear-gradient y radial-gradient, aceptados por todos los navegadores actuales.
¿Se puede descargar como imagen?
Sí. El botón Descargar PNG genera una imagen de 1920×1080 con el gradiente, ideal para fondo de pantalla o fondo de diapositiva.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.