ImgImage

Imagem em gradiente

Fundos em gradiente linear, radial e cônico

  Carregando ferramenta…

Como usar: Imagem em gradiente

  1. Defina as opções que quiser.
  2. Veja a prévia atualizar enquanto você faz alterações.
  3. Baixe o resultado.

Sobre esta ferramenta

Crie gradientes lineares, radiais e cônicos com dois a cinco pontos de cor e baixe-os como imagens em qualquer tamanho. Comece por uma predefinição e depois ajuste o ângulo, o ponto central e a cor e a posição de cada ponto.

O CSS correspondente aparece sob a prévia, então você pode usar o mesmo gradiente em um site. Gradientes lineares e radiais também podem ser salvos como SVG, que fica suave em qualquer tamanho.

  • Funciona no seu dispositivo. Nada é enviado.
  • Grátis, sem cadastro e sem marca d’água.
  • Sem limite de quantidade ou tamanho de arquivos, além do que seu dispositivo aguentar.

Perguntas e respostas

A imagem corresponde exatamente ao CSS?

Sim. Ângulos, pontos centrais e o tamanho padrão do gradiente seguem as mesmas regras do CSS, então uma imagem de 1920 × 1080 fica como o gradiente CSS numa caixa desse tamanho.

O que faz o pontilhado?

Gradientes suaves podem mostrar degraus visíveis, chamados faixas, porque cada canal tem apenas 256 níveis. O pontilhado adiciona um ruído muito fino que esconde os degraus. Ele deixa os arquivos PNG bem maiores, então use-o principalmente para JPG e WebP.

Por que gradientes cônicos não podem ser salvos como SVG?

O SVG não tem um tipo de gradiente cônico. Salve gradientes cônicos como PNG, JPG ou WebP.

Imagem em gradiente é gratuito?

Sim. Todas as ferramentas do ImgImage são gratuitas, sem cadastro, sem marca d’água e sem limite de arquivos processados.

Funciona no celular?

Sim. Funciona em qualquer navegador moderno em celulares, tablets e computadores. Arquivos grandes são processados mais rápido em um computador.

Ferramentas relacionadas

Buscar ferramentas