Skip to main content
SiteIndex

Desenvolvimento

Gerador de gradientes CSS — Documentação

Crie gradientes CSS lineares ou radiais, ajuste cores e posições e copie o código com prévia.

Usar Gerador de gradientes CSS

Como funciona

Crie gradientes CSS lineares ou radiais, ajuste cores e posições e copie o código com prévia.

Esta ferramenta executa a operação solicitada no navegador sempre que possível.

Quando usar
  • Use Gerador de gradientes CSS quando precisar de um resultado específico para esta tarefa.
Entradas e resultados
Entrada
Informe o valor solicitado no formulário. Em verificações de rede, use um domínio, URL ou host público que você tenha autorização para consultar.
Resultado
O resultado aparece na área de trabalho. Confira os avisos e as limitações antes de se basear nele.
Limitações
  • O resultado depende dos dados e, quando aplicável, do navegador, da rede e do serviço externo no momento da verificação. A ferramenta é informativa e não substitui um diagnóstico especializado.
Privacidade e tratamento de dados

Esta ferramenta processa os dados no navegador sempre que possível. A Política de Privacidade explica a análise do site e os cookies. Privacidade.

Como usar

  1. Informe o valor solicitado no formulário. Em verificações de rede, use um domínio, URL ou host público que você tenha autorização para consultar.
  2. Esta ferramenta executa a operação solicitada no navegador sempre que possível.
  3. O resultado aparece na área de trabalho. Confira os avisos e as limitações antes de se basear nele.

Ferramentas relacionadas

Conversor de cores HEX, RGB e HSLConverta cores sólidas entre HEX, RGB e HSL em tempo real. Explore paletas complementares ou análogas e confira o contraste WCAG com outra cor.Gerador de sombras CSSAjuste deslocamento, desfoque, expansão e cor, visualize as camadas e copie a declaração box-shadow.Gerador de bordas arredondadas CSSDefina cada canto e os raios horizontal e vertical separadamente; visualize e copie border-radius.