CSS Filter Generator

O que é o Gerador de Filtros CSS Online?

CSS Filter Generator é uma ferramenta online gratuita e abrangente que ajuda você a adicionar efeitos de filtro CSS a imagens por meio de ajustes visuais. Nenhuma codificação necessária — ajuste controles deslizantes e parâmetros em tempo real e gere código CSS pronto para uso com um clique.

Principais Recursos

• 10 Parâmetros de Filtro — blur, brilho, contraste, escala de cinza, matiz, inverter, opacidade, saturação, sépia, sombra projetada (com suporte a X/Y/desfoque/cor)
• 10 Esquemas Predefinidos — Vintage, Preto & Branco, Fresco, Tom Frio, Tom Quente, Sépia, Filme, Alto Contraste, Branqueado, Lomo
• Arrastar & Reordenar — Arraste itens de filtro para ajustar a ordem de aplicação, com ativação/desativação individual
• Três Modos de Comparação — Lado a Lado, Comparação Deslizante (arraste o divisor), Comparação por Sobreposição (passe o mouse para revelar original)
• Pré-visualização em Lote de Múltiplas Imagens — Carregue até 3 imagens de uma vez, aplique filtros uniformemente
• Desfazer/Refazer — Suporta histórico de 20 etapas, Ctrl+Z / Ctrl+Shift+Z
• Conversor de Filtro de Cor — Insira cores de origem e destino para calcular valores aproximados de filtro
• Gerenciamento de Esquemas Personalizados — Salve/carregue/exclua esquemas de filtro personalizados no armazenamento local do navegador
• Compartilhamento por Hash de URL — Compartilhe a configuração atual do filtro via parâmetros de URL
• Baixar PNG — Exporte a imagem filtrada como PNG

Proteção de Privacidade

Todo o processamento de imagem é feito inteiramente no seu navegador. Nenhuma imagem é enviada para qualquer servidor. Use com confiança.

Como usar

• 1. Ajuste os sliders
• 2. Veja a prévia
• 3. Copie o CSS gerado

Exemplo

Blur 4px + grayscale 60% → `filter: blur(4px) grayscale(60%);`

Perguntas frequentes

A imagem original é alterada?
Não, os filtros afetam apenas a prévia e o CSS exportado.

Funciona no celular?
Sim, é CSS padrão suportado por navegadores móveis.