Gerador de Gradientes
Crie gradientes lineares e radiais personalizados para seus projetos
Preview
Configurações
Cores do Gradiente
Gradientes Pré-Definidos
Exportar Gradiente
CSS
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
CSS Variable
--gradient: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
Tailwind (v3.1+)
bg-gradient-to-r from-[#667eea] to-[#764ba2]