Gerador de Gradiente CSS
Crie gradientes CSS bonitos visualmente. Linear, radial, cônico. Exporte código CSS limpo. Grátis, instantâneo.
About CSS Gradients
CSS gradients let you display smooth transitions between two or more colors. They're defined as background-image values:
- Linear: Colors transition along a straight line (angle-based)
- Radial: Colors radiate from a center point (circular/elliptical)
- Conic: Colors rotate around a center point (pie-chart style)
Copy the generated CSS and paste it directly into your stylesheet.
About Gradient Generator
Crie gradientes CSS bonitos visualmente. Gradientes lineares e radiais com múltiplas paradas de cor. Ajuste ângulo, posição e distribuição de cores. Copie código CSS pronto para usar. Perfeito para fundos de sites, botões e design de UI.
Linear e Radial
Alterne entre tipos de gradiente linear e radial. Controle ângulo, posição e forma para resultados perfeitos.
Múltiplas Paradas de Cor
Adicione paradas de cor ilimitadas. Arraste para reposicionar, ajuste cada cor com o seletor. Crie gradientes complexos facilmente.
Saída CSS ao Vivo
Copie o código CSS exato do gradiente. Pronto para colar em suas folhas de estilo, configuração do Tailwind ou sistema de design.
Pré-visualização em Tempo Real
Veja seu gradiente enquanto o cria. A pré-visualização em largura total atualiza instantaneamente a cada mudança de cor ou ângulo.