Generador de degradados CSS
Genera degradados CSS.
Sobre esta herramienta
Crea un degradado lineal de dos paradas, lo muestra en vista previa y permite copiar tanto el CSS puro como una clase de fondo arbitraria de Tailwind.
Cómo usar
Selecciona los dos colores y el ángulo, genera la banda, comprueba el resultado y copia la declaración background o la clase bg-[linear-gradient(…)].
Ejemplo
Los valores por defecto muestran un lavado diagonal de azul cielo a verde.
Entrada
135deg · #0ea5e9 → #22c55eSalida
background: linear-gradient(135deg, #0ea5e9, #22c55e);Consejo
Los degradados de marca con muchas paradas siguen viviendo mejor en variables CSS.
Conviene saber
¿Puedo añadir más de dos paradas de color?
Este generador crea un degradado lineal de dos paradas. Para degradados de marca con varias paradas, copia el resultado y añade las paradas a mano, o guárdalos en variables CSS.
¿Cómo uso la salida de Tailwind?
Pega la clase bg-[linear-gradient(…)] en un elemento. Tailwind la lee como valor arbitrario, así que no hace falta cambiar la configuración.