CSS listo para usar del degradado que crees.

¿Puedo usar más de dos colores?

Sí. Añade varias paradas de color para degradados más ricos.

Puedes crear los tipos de degradado habituales y controlar su dirección.

Generador de gradientes

DESIGNFREE · NO SIGNUP

Crea y exporta gradientes CSS

background: linear-gradient(135deg, #6366f1 0%, #ec4899 50%, #f59e0b 100%);

El generador de gradientes te permite diseñar degradados CSS de forma visual y exportar el código. Ajusta colores, dirección y paradas, y copia el CSS listo para usar.

Cómo usar Generador de gradientes

01Añade paradas de color y define la dirección.
02Ajusta el degradado en la vista previa en vivo.
03Copia el CSS generado.

Preguntas frecuentes

¿Qué exporta?: CSS listo para usar del degradado que crees.
¿Puedo usar más de dos colores?: Sí. Añade varias paradas de color para degradados más ricos.
¿Lineal o radial?: Puedes crear los tipos de degradado habituales y controlar su dirección.
¿Es gratis?: Sí, gratis y sin registro.