'/%3E%3Ccircle cx='180' cy='130' r='70' fill='%23ffffff' opacity='0.85'/%3E%3Crect x='320' y='70' width='200' height='180' rx='16' fill='%23111827' opacity='0.55'/%3E%3C/svg%3E)
Generador de filtros CSS gratuito
El Generador de filtros CSS te permite construir efectos de filtro de imagen visualmente y copiar el CSS exacto. Ajusta escala de grises, sepia, desenfoque, brillo, contraste, saturación, rotación de matiz y más.
Cómo usarlo
Mueve los deslizadores y observa la imagen de muestra actualizarse en vivo. Cuando estés satisfecho, copia el CSS de filtro generado en tu hoja de estilos.
- Nueve controles de filtro incluidos blur, brightness y hue-rotate
- Imagen de vista previa en vivo
- Copia el CSS de filtro generado
- Restablece cada deslizador a los valores por defecto
- Se ejecuta enteramente en tu navegador
Herramientas de imagen y color relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con Filtro CSS: