Crie lindos gradientes e exporte como CSS ou imagens
Escolha cores, adicione limites e ajuste o ângulo ou ponto central para criar o gradiente exato que você precisa. A ferramenta oferece suporte a gradientes lineares, radiais e cônicos com paradas de cores ilimitadas. Copie o código CSS da sua folha de estilo ou baixe o gradiente como PNG de alta resolução para uso em projetos de design.
Use esta ferramenta gratuitamenteCaracterísticas
Três tipos de gradiente
Crie gradientes lineares com qualquer ângulo, gradientes radiais com centro e forma ajustáveis ou gradientes cônicos que giram em torno de um ponto. Alterne entre os tipos e a visualização será atualizada instantaneamente.
Paradas de cores ilimitadas
Adicione quantas paradas de cores forem necessárias ao longo da barra de gradiente. Arraste as paradas para reposicioná-las, clique duas vezes para alterar a cor ou clique com o botão direito para excluí-las. Cada parada suporta opacidade para gradientes semitransparentes.
Saída de código CSS
A ferramenta gera código de imagem de fundo CSS válido com prefixos de fornecedor. Copie o código e cole-o diretamente na sua folha de estilo. A saída é atualizada em tempo real conforme você edita o gradiente.
Exportação de imagem PNG
Baixe o gradiente como PNG em qualquer resolução – de miniaturas de 100 px a banners de 4.000 px. Use a imagem como plano de fundo, sobreposição ou elemento de design em ferramentas que não oferecem suporte a gradientes CSS.
Como usar
Escolha o tipo de gradiente
Selecione linear, radial ou cônico. Para linear, defina o ângulo; para radial, defina o ponto central e a forma.
Adicione e ajuste cores
Clique na barra de gradiente para adicionar limites de cores. Arraste para reposicionar, clique duas vezes para alterar a cor e ajuste a opacidade de cada parada.
Copie CSS ou baixe
Copie o código CSS gerado para uso na web ou defina uma resolução e baixe o gradiente como uma imagem PNG.
Especificações
| Tipos de gradiente | Linear, radial, cônico |
| A cor para | Ilimitado |
| Faixa de ângulo | 0–360° |
| Saída CSS | Padrão + prefixos de fornecedor |
| Exportação PNG | Até 4.000 × 4.000 pixels |
| Processamento | Lado do cliente (instantâneo) |
Related Magic Eraser Tools
Perguntas comuns
Posso criar um gradiente com transparência?
+
Sim. Cada parada de cor possui um controle deslizante de opacidade. Defina a opacidade abaixo de 100% para criar áreas semitransparentes no gradiente. A saída CSS usa valores rgba e a exportação PNG preserva o canal alfa.
O que é um gradiente cônico?
+
Um gradiente cônico irradia pontos de cor em torno de um ponto central, como o movimento do ponteiro de um relógio. É útil para efeitos de gráfico de pizza, rodas de cores e fundos decorativos. O suporte do navegador é excelente em navegadores modernos.
Posso usar o CSS gerado em qualquer framework?
+
Sim. A saída é CSS padrão que funciona em HTML simples, React, Vue, Tailwind e qualquer outra estrutura que suporte CSS embutido ou baseado em folha de estilo.
Precisa de um gradiente sobre uma foto?
AI Enhance pode ajustar o tom da cor e a iluminação de suas fotos, e nossa ferramenta de sobreposição de imagem permite misturar um gradiente na parte superior de qualquer imagem para obter uma aparência sofisticada.
Experimente gratuitamenteMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Redimensione imagens para dimensões exatas em pixels para mídia social, web e impressão. Não é necessária inscrição. Suporta JPEG, PNG e WebP de até 50 MB.
Comprima imagens JPEG, PNG e WebP em até 80% com perda mínima de qualidade visível. Ajuste o controle deslizante de qualidade para controle total. Não é necessária inscrição.
Converta imagens PNG para o formato JPEG instantaneamente. Ajuste a qualidade da saída, escolha uma cor de fundo para áreas transparentes e faça o download – não é necessária inscrição.
Converta imagens JPEG para o formato PNG para qualidade sem perdas e suporte de transparência. Ideal antes da remoção do fundo. Não é necessária inscrição ou instalação.
Converta fotos Apple HEIC e HEIF em formato JPEG universalmente compatível. Funciona no navegador – sem instalação de aplicativo, sem inscrição, sem upload de arquivos para um servidor.
Converta JPEG e PNG em WebP para carregamentos de página mais rápidos ou converta WebP de volta em JPEG/PNG para compatibilidade. Sem inscrição, sem instalação, é executado no navegador.