Generador de degradados CSS

Un degradado CSS es una transición suave entre dos o más colores. CSS admite varios tipos, entre ellos linear-gradient (los colores cambian a lo largo de una línea recta) y radial-gradient (los colores irradian desde un punto central).

Elige un tipo de degradado (lineal o radial), añade paradas de color, ajusta las posiciones arrastrando y afina el ángulo. Puedes copiar el código CSS directamente o descargar el degradado como imagen en distintos tamaños y formatos.

¡Sí! Todos los degradados que crees son tuyos y puedes usarlos como quieras — en proyectos personales, sitios web comerciales, apps o cualquier otro fin. No se requiere atribución.

Los degradados lineales transicionan los colores en una línea recta con cualquier ángulo. Los degradados radiales irradian los colores desde un punto central en forma circular o elíptica.

Sí, totalmente gratis y sin registro. Todo se ejecuta en tu navegador — no almacenamos ningún dato ni cobramos nada.