Herramientas gratuitas
Español
Generar filtros CSS
Generar filtros CSS — Elige tamaños o colores y revisa el código o resultado. Guía de entrada: Desenfoque (px), Brillo (%), Contraste (%), Escala de grises (%). Sin cuenta.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Guía de entrada: Desenfoque (px), Brillo (%), Contraste (%), Escala de grises (%).
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copiar resultado / Guardar resultado.
A tener en cuenta
Revisa rangos y unidades. Los resultados dependen de los datos y del navegador.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Desenfoque (px) | 0 |
| Brillo (%) | 100 |
| Contraste (%) | 100 |
| Escala de grises (%) | 0 |
Resultado de ejemplo
filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%);
Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Desenfoque (px): Rango admitido: 0 ≤ x ≤ 100
- Brillo (%): Rango admitido: 0 ≤ x ≤ 300
- Contraste (%): Rango admitido: 0 ≤ x ≤ 300
- Escala de grises (%): Rango admitido: 0 ≤ x ≤ 100