Sobrepor um degradê em uma foto

Adicione um degradê colorido sobre uma foto, com ângulo, cores e opacidade ajustáveis — ideal para preparar um banner com texto legível ou uma imagem de rede social com estilo uniforme.

Exemplo:
Arraste e solte ou clique para procurar (máx. 30 MB)

Como funciona

Esta ferramenta desenha um degradê linear entre duas cores, orientado pelo ângulo escolhido, e o sobrepõe à sua foto com o nível de opacidade indicado. Ao contrário de um preenchimento liso, o degradê mantém a textura visível ao mesmo tempo que uniformiza os tons da imagem e escurece (ou clareia) certas áreas para melhorar a legibilidade de um texto adicionado depois.

Como obter o clássico efeito de "escurecimento da parte de baixo" em banners web?

Defina o ângulo como 90° (degradê vertical), escolha uma cor inicial transparente visualmente próxima do preto no topo, uma cor final preta embaixo e uma opacidade entre 50 e 80%: a parte de baixo da imagem ficará escurecida para receber um texto branco legível, e o topo ficará mais próximo da foto original.

O degradê substitui as cores da foto ou fica por cima delas?

O degradê é aplicado por cima da foto original com a transparência escolhida: com 100% de opacidade ele cobre quase totalmente a imagem, enquanto com 20-40% apenas tinge levemente as cores existentes, sem apagá-las.

Processamento 100% local: o degradê é desenhado diretamente no seu navegador via Canvas — sua foto nunca é enviada a um servidor.