LogoUtilidadesGrátis
Voltar

Gradient Generator

Crie gradientes CSS visualmente com múltiplas cores e preview em tempo real.

0%
100%
background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);

O que é esta ferramenta?

Crie gradientes CSS visualmente com múltiplas cores.

Como funciona?

Gradientes lineares seguem um ângulo. Gradientes radiais partem do centro. As cores são posicionadas por stops (percentuais).

Dicas de uso

  • Quanto mais cores, mais complexo o gradiente. 2-3 cores são ideais.
  • Stops definem onde cada cor começa a transicionar.

Perguntas Frequentes