Pular para o conteúdo principal

Efeito Duotone

Dê a uma foto um visual marcante de dois tons, com cara de editorial — mapeie sombras e destaques para duas cores escolhidas por você, com controles de brilho e contraste, inteiramente no seu navegador.

Entrada

Drop an image or browse
One file · image

Processado inteiramente no seu navegador — a imagem nunca é enviada para um servidor.

Saída

Resultado

Your edited image will appear here.

Código SVG
 
Isso foi útil?

Mais formas de usar esta ferramenta

Widget para incorporar

<iframe
  src="https://iotools.cloud/embed/imagekit/duotone-effect/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Efeito Duotone — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Coloque isso na sua própria página — grátis, sem chave, só um link de volta.

Também disponível via

Guias

Dê a uma foto um visual marcante de dois tons, com cara de editorial — a ferramenta Efeito Duotone mapeia as sombras e os destaques da sua imagem para duas cores escolhidas por você, com controles separados de brilho e contraste, para ir de um leve tom até uma releitura chamativa, estilo pôster.

Como funciona

Envie uma imagem e depois defina quatro opções:

  • Cor da Sombra — a cor que substitui os tons mais escuros da imagem.
  • Cor do Destaque — a cor que substitui os tons mais claros.
  • Brilho — clareia ou escurece a imagem antes de as cores do duotone serem aplicadas, deslocando quais áreas parecem sombra ou destaque.
  • Contraste — afasta mais as sombras e os destaques ou os achata, também antes de as cores do duotone serem aplicadas.

Nos bastidores, a imagem é primeiro convertida para tons de cinza, depois o brilho e o contraste são ajustados e, por fim, cada valor de cinza é remapeado ao longo de um gradiente que vai da cor da sombra à cor do destaque. O resultado é renderizado instantaneamente conforme você ajusta os controles. Você pode baixar o resultado como um arquivo SVG ou copiar diretamente o seu código-fonte.

Dicas

  • Pares de cores com alto contraste (por exemplo, um azul-marinho escuro na sombra com um âmbar brilhante no destaque) produzem o efeito mais marcante, com cara de pôster; pares com valores mais próximos resultam em um tom mais suave.
  • Aumentar um pouco o contraste antes de aplicar as cores do duotone — o padrão é +10 — tende a dar uma separação mais nítida entre os tons de sombra e de destaque.
  • O SVG baixado continua nítido em qualquer tamanho, pois é um invólucro vetorial da sua imagem original — redimensioná-lo não perde qualidade como aconteceria com uma exportação rasterizada.
imageduotonephoto effectfiltertwo-tone

Ama as ferramentas? Livre-se dos anúncios.

Um único pagamento remove todos os anúncios da sua conta, para sempre. Sem assinatura, sem rastreamento.