Gerador de gradientes CSS
Crie gradientes CSS lineares ou radiais e copie o código pronto para usar.
background: linear-gradient(135deg, #2563EB, #A855F7);Como funciona
Selecione o tipo de gradiente, duas cores e, para gradientes lineares, o ângulo. A visualização e o código CSS são atualizados automaticamente.
Perguntas frequentes
Posso criar gradientes radiais?
Sim. Você pode alternar entre gradiente linear e radial.
Posso copiar o valor CSS diretamente?
Sim. O botão Copiar CSS copia a declaração background completa.