Gerador de Gradiente CSS

Crie gradientes lineares e radiais visualmente, depois copie o CSS ou exporte a imagem de fundo.

Escrever um gradiente CSS à mão significa chutar ângulos e posições de parada até ficar certo. Esta ferramenta torna visual: arraste o ângulo, adicione ou remova paradas, deslize cada parada para o lugar, e veja o resultado atualizar. Depois copie o CSS ou exporte uma imagem de fundo 1920×1080.

Como usar

1. 1Escolha o tipo de gradiente (linear, radial ou cônico).
2. 2Defina o ângulo e adicione, remova ou reposicione as paradas de cor.
3. 3Copie o CSS, ou baixe um PNG para usar como fundo de capa.

FAQ

Ferramentas relacionadas

• Divisor de Grade MidjourneyFatie uma imagem de grade 2×2 ou 3×3 de IA em tiles separados e baixe todos de uma vez.
• Compressor de ImagensSolte imagens e ajuste o controle de qualidade para reduzi-las — tamanho antes/depois mostrado, nada enviado.
• Redimensionador de ImagensRedimensione por pixel ou predefinição social — Xiaohongshu, Instagram, X, capas de vídeo — com proporção travada.
• Extrator de Paleta de CoresExtraia as cores dominantes de uma imagem como valores HEX/RGB mais variáveis CSS prontas para copiar.
• Conversor de ImagensConverta entre PNG, JPG e WebP em lote, inteiramente no navegador, com qualidade ajustável.
• Removedor de Metadados EXIFRe-codifique uma imagem para remover metadados de câmera, data/hora e GPS — com uma verificação de privacidade primeiro.
• Recortador de ImagensArraste uma região, trave uma proporção comum, gire e espelhe, depois exporte o recorte exato.
• Criador de Fundo BrancoDeixe um fundo plano branco em um clique — fotos de produto limpas, nada enviado.
• SVG para PNGCole a marcação SVG para pré-visualizar e exportar um PNG transparente em qualquer escala.
• Gerador de Paleta de CoresGere paletas complementar, triádica e análoga a partir de uma cor base como HEX e variáveis CSS.