Gerador de gradiente CSS
Projete gradientes lineares, radiais e cônicos e copie o CSS.
- Gratuito
- Sem cadastro
- Executado no navegador
- Funciona no celular
Gerador de gradiente CSS em resumo
- Entrada
- Cores e ângulo
- Saída
- Fundo CSS
- Privacidade
- Tudo acontece no seu dispositivo. Nada é enviado para servidores.
- Preço
- Gratuito, sem conta, sem marca d’água.
Como usar Gerador de gradiente CSS
- 1Escolha um tipo e cores.
- 2Ajuste os batentes e o ângulo.
- 3Copie o CSS.
Recursos
- Linear, radial e cônico.
- Até 8 paradas.
- Visualização ao vivo.
- Privado: roda no seu navegador; nada é carregado.
Perguntas frequentes sobre Gerador de gradiente CSS
Funciona em todos os navegadores?
Sim, todos os navegadores atuais suportam esses gradientes sem prefixos.
O CSS Gradient Generator é privado?
Sim. O CSS Gradient Generator roda inteiramente no seu navegador, então o que você insere ou abre nunca sai do seu dispositivo e nada é enviado para o nosso servidor.
Com o que posso usar o CSS Gradient Generator?
Entrada: Cores e ângulo. Você obtém: plano de fundo CSS.
Ferramentas relacionadas
Gerador de sombra de caixaCrie sombras de caixa CSS em camadas visualmente e copie o código.Border Radius GeneratorArredonde os cantos visualmente, um ou todos de uma vez, e copie a abreviatura CSS.Conversor de coresConverta cores entre HEX, RGB, HSL, HSV, CMYK e OKLCH e verifique o contraste.Decodificador Base64Decodifica Base64 (padrão ou seguro para URL) de volta ao texto.
Mais ferramentas de developer toolsÚltima atualização