¿Qué tipos de gradiente se admiten?

Se admiten linear-gradient, radial-gradient y conic-gradient.

¿Hay límite en las paradas de color?

Puedes agregar múltiples paradas de color libremente.

¿El CSS generado se puede usar directamente?

Sí. Copia el código y pégalo directamente en tu archivo CSS.

¿Se envían mis datos a un servidor?

Todo el procesamiento ocurre en el navegador. No se envían datos a un servidor.

¿Cómo especifico el ángulo del degradado?

Para degradados lineales, puedes establecer el ángulo de 0 a 360 grados mediante un control deslizante o una entrada numérica. La vista previa se actualiza en tiempo real al ajustar el ángulo.

Generador de degradados CSS - Crea degradados lineales, radiales y cónicos

Selecciona el tipo de degradado desde el menú desplegable. Agrega múltiples paradas de color para crear fondos CSS atractivos.

Vista previa

Ángulo / Dirección Dirección

90°

Paradas de color

#6366f10%

#ec4899100%

CSS

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

Cómo usar

Selecciona el tipo de degradado (linear/radial/conic)
Agrega y edita paradas de color
Establece la dirección/ángulo
Copia el código CSS

Preguntas frecuentes

¿Qué tipos de gradiente se admiten?: Se admiten linear-gradient, radial-gradient y conic-gradient.
¿Hay límite en las paradas de color?: Puedes agregar múltiples paradas de color libremente.
¿El CSS generado se puede usar directamente?: Sí. Copia el código y pégalo directamente en tu archivo CSS.
¿Se envían mis datos a un servidor?: Todo el procesamiento ocurre en el navegador. No se envían datos a un servidor.
¿Cómo especifico el ángulo del degradado?: Para degradados lineales, puedes establecer el ángulo de 0 a 360 grados mediante un control deslizante o una entrada numérica. La vista previa se actualiza en tiempo real al ajustar el ángulo.

Herramientas relacionadas

Historial de actualizaciones

Última actualización: 2026-02-21

2026-02-21 Lanzamiento inicial