Ajuste brilho, contraste, saturação, blur e mais, copie o filter CSS pronto com preview real.
O CSS `filter` aceita uma lista de funções que são aplicadas em cascata sobre o elemento e seus descendentes: `blur()` suaviza bordas, `brightness()` e `contrast()` controlam exposição e drama, `grayscale()` remove saturação, `hue-rotate()` muda a tonalidade preservando luminosidade e saturação, `sepia()` aquece em tons marrons históricos, `invert()` inverte o mapa de cores. `drop-shadow()` é diferente do `box-shadow`, ele respeita a forma do conteúdo real, inclusive PNG transparente. Os filtros são processados pelo compositor gráfico, o que os torna eficientes mesmo em animações, especialmente quando o elemento tem `will-change: filter`.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/gerador-filtros-css"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Gerador de Filtros CSS"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
É uma propriedade que aplica efeitos gráficos como blur, ajuste de cor, saturação e sombra sobre um elemento inteiro. Funciona em imagens, texto, ícones e qualquer elemento HTML.
filter: none;O CSS é gerado localmente no navegador.