🌈 Gerador de Gradiente CSS

Edite visualmente gradientes linear / radial / conic. Adicione e remova paradas de cor livremente e copie o código CSS.

100% Free No signup Browser-only 5 languages Dark mode

🔒 Sobre Privacidade

・Todo o processamento é concluído dentro do navegador
・Os dados de entrada não serão enviados para o servidor sob nenhuma circunstância
・Não há logs de salvamento · histórico · banco de dados etc.
・Nenhum registro, login ou cobrança necessária

Tipo

Ângulo (90deg)

Parada de cor

Predefinição

CSS

📖 Como usar

1

Choose a type

Pick linear, radial or conic. The angle and shape inputs change accordingly.
2

Edit color stops

Pick colors and adjust positions. Add or remove stops as needed.
3

Copy the CSS

Copy the generated CSS to clipboard and paste it into your background property.

❓ Perguntas frequentes

Is my data sent to your server?

No. Everything runs in your browser. You can verify in the Network tab.

What is the browser support?

linear and radial work in all modern browsers. conic-gradient is supported in Chrome 69+, Firefox 83+, Safari 12.1+.

How many color stops can I add?

There is no hard limit. In practice, 2 to 10 stops is common.

🔗 Ferramentas relacionadas

🐛 Você encontrou um problema com esta ferramenta?

Completamente gratuito e sem registro. Até as etapas de reprodução são suficientes. Os relatos recebidos chegam diretamente aos operadores e servem como referência para correções.