Generador de gradiente CSS
Creá gradientes lineales o radiales con hasta 5 colores. Obtené el CSS y las clases Tailwind con un click.
Inicia sesion para usar esta herramienta
Gratis y sin contrasena — solo con tu cuenta Google
Siguiente paso
Preguntas frecuentes
- ¿Qué es un gradiente CSS?
- Un gradiente CSS es una transición progresiva entre dos o más colores, aplicada como fondo con la propiedad background. Los lineales van en una dirección (ángulo) y los radiales se expanden desde un punto central.
- ¿Puedo usar el código con Tailwind CSS?
- Sí. La herramienta genera tanto el CSS nativo como las clases equivalentes en Tailwind v3 usando valores arbitrarios y utilidades from-/via-/to-. Para ángulos estándar (90°, 135°, etc.) usa las clases directas de Tailwind.
- ¿Cuántos colores puedo agregar?
- Hasta 5 colores. Cada uno tiene su picker de color individual. Podés agregar y quitar colores libremente, con un mínimo de 2.
- ¿Funciona con transparencias?
- Sí. Los color pickers del navegador soportan colores con canal alpha (RGBA). Sin embargo, el código generado usa los valores hex/rgb del picker nativo.