Acerca de esta herramienta
¿Qué es el CSS Gradient Generator?
Construye gradientes CSS con vista previa en vivo. Elige el tipo (lineal, radial, cónico), añade paradas de color sin límite, ajusta el ángulo (o la posición en el radial) y copia el CSS generado. La salida es compatible con todos los navegadores modernos; para navegadores antiguos incluimos prefijos de proveedor como alternativa.
Los diseñadores lo usan para fondos de portada, estilos de botones y exploraciones de identidad visual. Exporta como CSS, clases de Tailwind o SVG.
PREGUNTAS FRECUENTES · CSS GRADIENT GENERATOR
Preguntas sobre el CSS Gradient Generator
¿Qué tipos de gradiente son compatibles?
Lineales (los más comunes, basados en ángulo), radiales (circulares o elípticos, con posición ajustable) y cónicos (el tipo más reciente, barre colores alrededor de un punto central, ideal para diseños tipo gráfico de tarta). Todo se exporta como CSS estándar.
¿Puedo exportar a Tailwind?
Sí. Junto al CSS sin procesar, el generador exporta clases de utilidad de Tailwind (por ejemplo, `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) cuando las paradas de color coinciden con la paleta con nombre de Tailwind.
¿Es gratis?
Sí. No requiere registro y funciona en el navegador.