Generador de Degradados CSS

Elige un color inicial y otro final, selecciona el tipo lineal o radial y ajusta el ángulo en grados. El cuadro de vista previa se actualiza en vivo y muestra una declaración 'background:' lista para pegar que puedes copiar con un clic.

No. Todo se ejecuta por completo en tu navegador con JavaScript puro: ni los colores, ni los ajustes, ni el CSS generado se envían nunca a un servidor. Es completamente privado y funciona sin conexión una vez cargada la página.

Un degradado lineal mezcla los colores a lo largo de una línea recta cuya dirección controlas con el ángulo (por ejemplo, 90deg va de izquierda a derecha). Un degradado radial mezcla hacia fuera desde un punto central en círculo, y por eso el campo del ángulo está desactivado para ese tipo.