Adicione um degradê à sua próxima arte

Recursos e usos

Crie fundos com degradês lineares ou radiais e 2 a 8 pontos de cor editáveis. Cada ponto define a cor em uma porcentagem da transição. Ajuste a posição, use transparência, mude o ângulo ou mova o centro radial.

Escolha dimensões quadradas, verticais, de story, prévia de link, Full HD ou 4K, ou informe um tamanho personalizado. Copie o CSS, baixe um PNG no tamanho exato ou exporte um SVG que pode ser ampliado sem perder nitidez.

Formatos, opções e limites

Os campos de cor aceitam HEX de 3, 4, 6 ou 8 dígitos, com ou sem o sinal #, e as notações RGB/RGBA e HSL/HSLA. Os valores alfa controlam a transparência. Use o seletor visual para alterações rápidas ou digite um valor para um controle preciso.

• Defina cada ponto de cor de 0–100%, escolha um ângulo linear de 0–360 graus ou posicione o centro radial de 0–100% em cada eixo. Os exemplos Amanhecer, Vidro do mar e Céu noturno oferecem pontos de partida editáveis para fundos de sites, slides e imagens para redes sociais.
• Defina largura e altura do PNG independentemente, de 64 a 4096 pixels, ou escolha um dos formatos abaixo. O SVG começa com as mesmas dimensões e continua redimensionável. O CSS copiado descreve o degradê sem impor um tamanho fixo em pixels.

Trabalhe sem conta: textos e fotos são processados no navegador. Salve um projeto neste dispositivo ou baixe um backup para reabrir depois.

Bom saber

PNG usa as dimensões exatas em pixels que você escolher, até 4096 × 4096. SVG pode ser redimensionado sem perder nitidez. Pontos de cor transparentes permanecem transparentes nas imagens baixadas.