← Todas as ferramentas de texto

Gerador de filtro CSS

Desfoque, brilho, contraste e mais na sua própria imagem, com o código do filtro CSS.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de filtro CSS

Carregue sua própria imagem e experimente os filtros blur, brightness, contrast, grayscale, sepia, hue-rotate, saturate e invert com controles deslizantes. A ferramenta escreve a linha de filter do CSS correspondente. Os filtros se aplicam na ordem escrita, então blur seguido de brightness pode ficar diferente de brightness seguido de blur.

Como usar: Gerador de filtro CSS

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Como deixo uma imagem em preto e branco com CSS?

Aplique filter: grayscale(100%) à imagem. Use uma porcentagem menor para um visual parcialmente desbotado e combine com contrast para tons mais fortes.

Gerador de filtro CSS é grátis?

Sim. Gerador de filtro CSS no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas