Generador de filtros CSS

Cómo usar Generador de filtros CSS

Generador de filtros CSS. Ajusta filtros y compara la vista previa con el CSS generado.

1. Cambia los colores, texto o valores de arriba.
2. Compara la vista previa al ajustar los controles.
3. Copia el resultado o descárgalo en tu dispositivo.

Generador de filtros CSS · Ejemplo

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

Notas de uso

Los archivos y las entradas se procesan en este navegador. Sin subidas ni cuentas.