Generador de Gradientes CSS
Crea gradientes CSS hermosos visualmente. Lineales, radiales, cónicos. Exporta código CSS limpio. Gratis, al instante.
About CSS Gradients
CSS gradients let you display smooth transitions between two or more colors. They're defined as background-image values:
- Linear: Colors transition along a straight line (angle-based)
- Radial: Colors radiate from a center point (circular/elliptical)
- Conic: Colors rotate around a center point (pie-chart style)
Copy the generated CSS and paste it directly into your stylesheet.
About Gradient Generator
Crea gradientes CSS hermosos visualmente. Gradientes lineales y radiales con múltiples paradas de color. Ajusta ángulo, posición y distribución de color. Copia código CSS listo para usar. Perfecto para fondos web, botones y diseño de UI.
Lineal y Radial
Cambia entre tipos de gradiente lineal y radial. Controla ángulo, posición y forma para obtener resultados perfectos.
Múltiples Paradas de Color
Añade paradas de color ilimitadas. Arrastra para reposicionar, ajusta cada color con el selector. Crea gradientes complejos fácilmente.
Salida CSS en Vivo
Copia el código CSS de gradiente exacto. Listo para pegar en tus hojas de estilos, configuración de Tailwind o sistema de diseño.
Vista Previa en Tiempo Real
Ve tu gradiente mientras lo construyes. La vista previa de ancho completo se actualiza al instante con cada cambio de color o ángulo.