CSS
Tipo
Ángulo
135°
Colores
Presets

Tipos de degradados CSS

El degradado lineal va en línea recta en el ángulo dado. El radial se extiende desde el centro como círculo o elipse. El cónico gira alrededor de un punto central, como el espectro de la rueda de color.

Código CSS listo

La herramienta genera la propiedad CSS background lista para insertar en tus estilos. Compatible con todos los navegadores modernos sin prefijos.

Hasta 5 puntos de color

Añade hasta 5 puntos de color para degradados multicolor complejos. Cada punto define un color y una posición en porcentaje. Elimina los que sobren con un clic.

Preguntas frecuentes
¿Cómo usar un degradado CSS en un proyecto?
Copia el CSS generado y pégalo en la propiedad background de cualquier elemento. Por ejemplo: div { background: linear-gradient(135deg, #3B82F6, #8B5CF6); }
¿Cuál es la diferencia entre lineal y radial?
Lineal crea una transición a lo largo de una línea recta en un ángulo. Radial crea una transición circular o elíptica del centro a los bordes. Cónico gira alrededor de un punto.
¿Se pueden añadir varios colores?
Sí, haz clic en «Añadir color» — puedes añadir hasta 5 puntos. Cada punto define un color y una posición del 0 al 100 %.
¿Es gratuita esta herramienta?
Sí, completamente gratuito y sin límites. Sin registro, todo funciona en tu navegador.