UTILS.
100% en el navegador

Generador de filtros CSS

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

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