Gerador Degradês CSS
Gere gradientes CSS com um editor visual.
Direção
CSS:
Advertisement
Crie belos gradientes CSS visualmente. Ajuste cores e ângulos e copie o código CSS gerado no cliente.
Como usar
- Escolha uma direção, ou mude para gradiente radial.
- Defina suas cores e junte mais paragens se precisar.
- Copie o CSS gerado diretamente para sua folha de estilo.
Perguntas frequentes
Que CSS é gerado?
Valores padrão linear-gradient() e radial-gradient(), suportados por todos os navegadores atuais sem prefixos.
Quantas cores posso usar?
As que quiser, mas duas ou três costumam resultar melhor. Sequências longas de paragens tendem a ficar sujas nos pontos de cruzamento.
Por que meu gradiente fica cinzento ao centro?
Porque dois tons opostos se encontram passando por um ponto sem saturação. Escolha cores mais próximas na roda cromática, ou junte uma paragem para guiar a transição.