Generador de filtros CSS con vista previa en vivo
Genera la propiedad CSS filter (blur, brillo, contraste, sepia, tono) con vista previa en vivo.
🔒 100 % en el cliente — no se envía ningún dato
Compón la propiedad CSS filter con controles deslizantes — desenfoque, brillo, contraste, saturación, escala de grises, sepia, inversión, rotación de tono y opacidad — y ve el resultado en vivo en una vista previa. Luego copia el CSS listo para usar. Todo ocurre en el navegador.
What is it for?
- ▸ Oscurecer o aclarar una imagen con CSS
- ▸ Crear un efecto sepia o blanco y negro al pasar el ratón
- ▸ Encontrar la rotación de tono adecuada
- ▸ Ajustar desenfoque y contraste sin editor de imagen
FAQ
¿A qué puedo aplicar este filtro?
La propiedad filter se aplica a cualquier elemento HTML (imagen, div, texto…) y a sus descendientes.
¿Cuál es la diferencia entre filter y backdrop-filter?
filter afecta al propio elemento; backdrop-filter afecta a lo que hay detrás (efecto vidrio esmerilado).
¿Es compatible con todos los navegadores?
Sí, la propiedad filter es compatible con todos los navegadores modernos.
¿Puedo combinar varios filtros?
Sí, se acumulan en orden; la herramienta solo lista los que difieren del valor por defecto.