Pular para o conteúdo
Design e Cor

Gerador de filtro CSS

Ajuste desfoque, brilho, contraste, saturação, escala de cinza, sépia e rotação de matiz em uma visualização de gradiente ao vivo. Copie a propriedade de filtro combinada.

4 minutos de leituraAtualizado 2026-11-04

Fatos importantes

Categoria
Design e Cor
Preço
Livre
Conta
Não obrigatório
Processamento
No seu navegador
Entrada
Arquivos locais ou dados colados
Plataforma
Navegadores modernos para desktop e dispositivos móveis

O que isso faz

Ajuste desfoque, brilho, contraste, saturação, escala de cinza, sépia e rotação de matiz em uma visualização de gradiente ao vivo. Copie a propriedade de filtro combinada.

Combine filtros de desfoque, brilho, contraste, saturação e matiz visualmente.

Como usar

Aqui está a versão resumida do uso de Gerador de filtro CSS.

  • Ajuste os controles deslizantes — Cada controle é mapeado diretamente para uma função de filtro CSS.
  • Confira a prévia — Os filtros são aplicados na ordem mostrada na saída.
  • Copie o CSS — Utilize-o em imagens, vídeos ou painéis decorativos.

Recursos que importam

O que Gerador de filtro CSS faz bem.

  • Nada sai do seu dispositivo — O trabalho acontece na aba do seu navegador. Não há ponto de extremidade de upload neste aplicativo, portanto, seus arquivos e texto não podem ser armazenados, registrados ou vistos por nós.
  • Sem upload, aguarde — Você pula totalmente a viagem de ida e volta para um servidor. Os resultados são limitados pela sua própria CPU, não pela velocidade da rede ou pelo tamanho da fila.
  • Gratuito, sem conta, sem cotas — Sem parede de inscrição, sem marca d'água, sem limite diário. Existem contas opcionais apenas para salvar favoritos e predefinições em dispositivos.

Perguntas frequentes

Meu CSS é seguro para uso aqui?

Sim. Esta ferramenta funciona inteiramente no seu navegador usando JavaScript. Nada que você cola ou abre é enviado para um servidor, e a página não mantém nenhuma cópia depois de fechá-la.

Preciso criar uma conta?

Não. Todas as ferramentas podem ser totalmente utilizadas sem login. Uma conta apenas adiciona favoritos salvos e predefinições reutilizáveis.

Funciona em um telefone?

Sim. A interface prioriza os dispositivos móveis, com grandes alvos de toque e um layout empilhado, por isso funciona em telefones e tablets, bem como em desktops.

Os filtros afetam o desempenho?

Desfoque e grandes áreas de filtro podem ser caros em dispositivos de baixo custo. Aplique-os a pequenos elementos ou anime-os com moderação.

Posso animar um filtro?

Sim, o filtro pode ser animado em navegadores modernos, mas o custo de desempenho da animação do desfoque é alto.

Abra Gerador de filtro CSS

Experimente agora – ele roda no seu navegador e não precisa de conta.

Abra a ferramenta