UTILS.
Privadas por defecto
☼

Generador de filtros CSS

Compón filtros CSS con controles deslizantes y vista previa en vivo, luego copia.

Tus archivos se quedan en este dispositivo

Los archivos se procesan en tu navegador, sin subirse a ningún servidor. El sitio descarga el código y los recursos necesarios. Sin cuentas ni rastreadores.

Usa Descargar para guardar esta herramienta como un archivo HTML y usarla sin conexión.

Privacidad →

Acerca de esta herramienta

Combina filtros de desenfoque, brillo, contraste, escala de grises, sepia, saturación y rotación de matiz en una vista previa en vivo, luego copia la regla de filtro combinada. Todo se ejecuta en tu navegador.

Preguntas frecuentes

¿Puedo aplicar este filtro a una imagen?
Sí — copia la regla en cualquier elemento como un img, y las funciones de filtro listadas se aplican en el orden mostrado.
¿Por qué es importante el orden de las funciones de filtro?
Los filtros se aplican de izquierda a derecha, así que desenfocar antes de ajustar el brillo da un resultado diferente al inverso; mantén el orden que mejor se vea.

Más herramientas