Generador de degradados CSS
Crea degradados CSS lineales y radiales visualmente y copia el CSS listo para usar — nada se sube.
Salida CSS
Genera fondos de degradado CSS visualmente
Agrega paradas de color, ajusta el ángulo y cambia entre modos lineal y radial. La vista previa y el CSS se actualizan al instante. Copia la propiedad background con un clic. Todo corre localmente — sin subidas.
Las paradas de color admiten posiciones porcentuales opcionales. Si dejas la posición en blanco, el navegador distribuye las paradas uniformemente. Arrastra el ángulo para girar un degradado lineal de 0 a 360 grados.
Preguntas frecuentes
¿Diferencia entre lineal y radial? El lineal transiciona colores en línea recta. El radial irradia desde el centro en círculo.
¿Puedo usar colores con nombre o rgba? Sí — el campo acepta cualquier valor CSS válido.