GEN-09Geradores
Gerador de gradiente CSS
Gradiente linear com CSS pronto
GEN-09Resultado
Seus dados não saem do seu dispositivo: esta ferramenta roda localmente no navegador.
Gerador de gradiente CSS
Escolha duas cores e uma direção — a ferramenta mostra uma prévia ao vivo e a linha linear-gradient pronta para colar nos seus estilos.
Perguntas frequentes
Quais navegadores suportam linear-gradient?
Todos os navegadores modernos, inclusive móveis — sem prefixos.
Dá para fazer um gradiente de três cores?
Sim, o CSS aceita quantas cores quiser, separadas por vírgulas — acrescente uma terceira na linha gerada.