Gerador de gradiente CSS
Crie gradientes CSS lineares, radiais e cônicos visualmente. Edite paradas de cor, ângulo e transparência e copie o CSS ou exporte um PNG.
- Sem uploads
- Sem limites
- Sem cadastro
Paradas de cor
Predefinições
- Entrada:
- HEX
- Saída:
- PNG
- Roda em:
- Seu dispositivo
- Limite de tamanho:
- Nenhum
- Conta:
- Não é necessária
Como usar: Gerador de gradiente CSS
Escolha tipo e ângulo
Escolha linear, radial ou cônico e defina o ângulo ou a forma. A pré-visualização atualiza na hora.
Edite as paradas de cor
Arraste as alças sob a barra, escolha cores e opacidade, adicione ou remova paradas ou comece por uma predefinição.
Copie o CSS ou exporte um PNG
Copie o CSS (com uma cor de fundo de reserva) ou baixe o gradiente como imagem PNG.
Por que usar Gerador de gradiente CSS no Toolshed
Sem uploads
Tudo roda nesta aba do navegador. Seus arquivos nunca saem do seu dispositivo.
Sem limites
Sem limite de tamanho de arquivo nem cota diária. Processe tudo o que o seu dispositivo aguentar.
Sem cadastro
Sem conta, sem e-mail, sem marca d'água.
Perguntas frequentes
Qual a diferença entre os tipos de gradiente?
O linear mistura cores ao longo de uma reta em um ângulo, o radial se expande a partir do centro e o cônico varre as cores ao redor do centro como uma roda de cores.
O que é a cor de reserva?
O CSS começa com um background-color sólido tirado da sua primeira parada, para que navegadores muito antigos sem suporte a gradientes mostrem uma cor razoável.
Como funciona a exportação em PNG?
O gradiente é desenhado em um canvas no seu navegador no tamanho escolhido e salvo como PNG. Nada é enviado.
Meus arquivos são enviados para algum lugar?
Não. Gerador de gradiente CSS roda inteiramente no seu navegador. Seus arquivos são processados no seu dispositivo e nunca são enviados a um servidor.
Existe limite de tamanho de arquivo?
Não há um limite fixo. O único limite é a memória do seu dispositivo. Arquivos muito grandes funcionam melhor em um navegador de computador.
Gerador de gradiente CSS é realmente grátis?
Sim. Não há conta nem marca d'água. Um anúncio curto opcional, ou uma espera de 20 segundos, libera cada download. É assim que mantemos o serviço gratuito.