Ferramentas gratuitas
Português
Gerar filtros CSS
Gerar filtros CSS — Escolha tamanhos ou cores e confira o código ou resultado. Guia de entrada: Desfoque (px), Brilho (%), Contraste (%), Escala de cinza (%). Sem cadastro.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Guia de entrada: Desfoque (px), Brilho (%), Contraste (%), Escala de cinza (%).
- 2Execute a ferramenta e confira o resultado.
- 3Copiar resultado / Salvar resultado.
Saiba mais
Confira intervalos e unidades. Os resultados dependem dos dados e do navegador.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Desfoque (px) | 0 |
| Brilho (%) | 100 |
| Contraste (%) | 100 |
| Escala de cinza (%) | 0 |
Resultado de exemplo
filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%);
Condições de entrada
São limites reais de validação, sem garantir que todo valor aceito seja realista ou adequado ao seu caso.
- Desfoque (px): Faixa aceita: 0 ≤ x ≤ 100
- Brilho (%): Faixa aceita: 0 ≤ x ≤ 300
- Contraste (%): Faixa aceita: 0 ≤ x ≤ 300
- Escala de cinza (%): Faixa aceita: 0 ≤ x ≤ 100