Gerador de filtros CSS com pré-visualização ao vivo
Gere a propriedade CSS filter (blur, brilho, contraste, sépia, matiz) com pré-visualização ao vivo.
🔒 100 % no cliente — nenhum dado enviado
Componha a propriedade CSS filter com controles deslizantes — desfoque, brilho, contraste, saturação, escala de cinza, sépia, inversão, rotação de matiz e opacidade — e veja o resultado ao vivo em uma prévia. Depois copie o CSS pronto. Tudo acontece no navegador.
What is it for?
- ▸ Escurecer ou clarear uma imagem com CSS
- ▸ Criar um efeito sépia ou preto e branco no hover
- ▸ Encontrar a rotação de matiz certa
- ▸ Ajustar desfoque e contraste sem editor de imagem
FAQ
A que posso aplicar este filtro?
A propriedade filter se aplica a qualquer elemento HTML (imagem, div, texto…) e seus descendentes.
Qual a diferença entre filter e backdrop-filter?
filter afeta o próprio elemento; backdrop-filter afeta o que está atrás dele (efeito vidro fosco).
É compatível com todos os navegadores?
Sim, a propriedade filter é suportada por todos os navegadores modernos.
Posso combinar vários filtros?
Sim, eles se acumulam na ordem; a ferramenta lista apenas os que diferem do padrão.