Generador de degradados CSS
Crea degradados CSS lineales y radiales de forma visual. Agrega y arrastra puntos de color, ajusta el ángulo y mira la vista previa en directo. Copia el código CSS en un clic o guarda el degradado como imagen de fondo PNG del tamaño que quieras. Gratis.
Tipo
Forma
Puntos de color
Haz clic en la barra para agregar un punto. Arrastra un punto para moverlo.
Predefinidos
Código CSS
Cómo funciona
- Elige Lineal o Radial y ajusta el ángulo (o la forma).
- Haz clic en la barra para agregar un punto de color, arrastra los puntos para moverlos y cambia el color de cada uno.
- Copia el código CSS, o elige un tamaño y guárdalo como PNG.
Preguntas frecuentes
¿Qué navegadores admiten degradados CSS?
linear-gradient() y radial-gradient() funcionan en todos los navegadores modernos sin prefijos.
¿Qué significa el ángulo?
0° va de abajo hacia arriba, 90° de izquierda a derecha y 180° de arriba hacia abajo.
¿Puedo usar el PNG como fondo de pantalla o de miniatura?
Sí. Elige 1920×1080, 1080×1920 o un tamaño personalizado y úsalo libremente.