UTILS.
Privadas por padrão
☼

Gerador de filtros CSS

Componha filtros CSS com controles deslizantes e visualização ao vivo, depois copie.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →

Sobre esta ferramenta

Combine filtros de desfoque, brilho, contraste, escala de cinza, sépia, saturação e hue-rotate em uma visualização ao vivo, depois copie a regra de filtro combinada. Tudo roda no seu navegador.

Perguntas frequentes

Posso aplicar esse filtro a uma imagem?
Sim — copie a regra para qualquer elemento, como um img, e as funções de filtro listadas serão aplicadas na ordem mostrada.
Por que a ordem das funções de filtro é importante?
Os filtros são aplicados da esquerda para a direita, então desfocar antes de ajustar o brilho dá um resultado diferente do inverso; mantenha a ordem que ficar melhor.

Mais ferramentas