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.
Herramientas relacionadas
Generador de slug
Convertí cualquier texto en un URL slug limpio. Con opciones de separador, capitalización y largo máximo.
Comprimir imagen
Reducí el peso de una imagen JPG, PNG o WebP con control de calidad y preview antes/después.
JWT Decoder
Decodificá el header y payload de un JSON Web Token. Ve la expiración, campos y estructura. Zero validación de firma.
Generador de UUID
Generá UUIDs v4 en lote: 1, 5, 10, 50 o 100. Formatos estándar, braced o sin guiones. Copiá todos con un click.
Formateador de JSON
Formatea, minifica y valida JSON en tu navegador. Muestra errores con línea y columna exactos.
Conversor Base64
Codifica y decodifica texto o archivos a Base64. Soporte para data URLs. 100% en tu navegador.