Diagonal
Teal to blue at 135°
linear-gradient(135deg, …)
Loading page…ToolStack
Use CSS Gradient Generator online. Obtenha resultados rápidos, gratuitos e privados para ferramentas para desenvolvedores diretamente no navegador.
Resposta rápida
Insira os valores necessários em CSS Gradient Generator para ver o resultado imediatamente.
CSS gradient
Illustrative view
Two colors, a shape, and an optional angle create the CSS.
Insira os valores necessários em CSS Gradient Generator para ver o resultado imediatamente. A ferramenta mostra erros claros para dados incompletos ou inválidos.
Sempre que possível, o processamento ocorre no navegador. Os dados inseridos não são enviados nem salvos em um servidor para realizar o cálculo.
Teal to blue at 135°
linear-gradient(135deg, …)
White center to black edge
radial-gradient(circle, …)
Sim. A ferramenta é gratuita e as funções básicas não exigem pagamento nem cadastro.
Não. Os dados são processados no navegador e não são salvos no banco de dados.
Insira valores completos e válidos conforme os rótulos. Corrija o campo indicado se uma mensagem de erro aparecer.
Continue explorando