Generar

Generador de Gradientes CSS

Cree gradientes CSS con vista previa en vivo

Ángulo135°

Paradas de color

#6366f10%

#ec4899100%

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

Acerca de Generador de Gradientes CSS

El generador de degradados CSS crea hermosos degradados lineales y radiales con vista previa en vivo. Genera código CSS listo para usar que puede copiar directamente en sus proyectos. Esta herramienta gratuita se ejecuta en su navegador y no almacena datos en ningún servidor.

Preguntas frecuentes

¿Cómo creo un degradado CSS?

Elija su tipo de degradado, seleccione colores usando los selectores de color, ajuste la dirección o el ángulo, y ve el resultado en tiempo real. Cuando esté satisfecho con el degradado, copie el código CSS generado y péguelo en su hoja de estilos.

¿Se guardan o transmiten datos?

No. El degradado se crea completamente en su navegador. No se envían colores, preferencias ni código CSS a ningún servidor. Todo permanece en su dispositivo hasta que copie el código generado.

¿Puedo crear degradados con más de dos colores?

Sí, puede añadir múltiples puntos de color para crear degradados complejos y multicolor. También puede ajustar la posición de cada punto de color y el ángulo o dirección del degradado para lograr el efecto visual exacto que desee.