Generador de gradientes CSS

Crea degradados lineales o radiales con hasta 4 colores y copia el código CSS listo para usar.

🔒 100% privado ⚡ Sin subir archivos 🆓 Gratis y sin límites

Cómo crear un gradiente CSS online

1

Elige el tipo de degradado

Selecciona lineal o radial, según el efecto que quieras conseguir.

2

Añade y ajusta los colores

Añade hasta 4 colores, cambia su orden y ajusta el ángulo o la posición del degradado.

3

Copia el código CSS

Pulsa el botón de copiar y pega el código directamente en tu hoja de estilos.

Preguntas frecuentes sobre el generador de gradientes

Los degradados son una forma sencilla de dar profundidad y estilo a cualquier diseño web. Esta herramienta genera el código CSS exacto que necesitas, sin tener que escribirlo a mano.

¿Qué tipos de degradado puedo crear?

+

Puedes crear degradados lineales (en cualquier ángulo) y radiales.

¿Cuántos colores puedo usar?

+

Puedes combinar entre 2 y 4 colores en el mismo degradado.

¿El código funciona en todos los navegadores?

+

Sí, se genera con la sintaxis estándar de CSS, compatible con todos los navegadores modernos.

¿Necesito instalar algún programa?

+

No, no hace falta instalar nada. Funciona directamente desde el navegador.

¿Es gratis?

+

Sí, esta herramienta es completamente gratuita.

¿Puedo usar el degradado como fondo de imagen?

+

El código generado es CSS puro; si necesitas una imagen, puedes hacer una captura de pantalla de la vista previa.