- Test de pixeles muertos
- Test de colorimetría
- Test de audio
- Test de micrófono
- Test de cámara web
- Test de teclado
- Test de mouse
- Test de rendimiento (benchmark)
- Test de pantalla táctil
- Test de latencia (input lag)
- Test de ghosting (estela en movimiento)
- Test de frecuencia de actualización (Hz)
- Test de fugas de luz (backlight bleed)
- Generador de paletas de colores
- Generador de gradientes CSS
- Generador de sombras
- Generador de border radius
- Convertidor de colores
- Generador de texto con sombra
- Generador de transformaciones CSS
- Generador de animaciones CSS
- Generador de fuentes (Google Fonts)
- Generador de espaciado (margin/padding)
- Generador de wireframes (esquemas)
- Generador de paletas de colores accesibles (WCAG)
- Simulador de daltonismo (deficiencias visuales)
- Generador de fondo de patrón
- Generador de máscaras (clip-path)
- Generador de filtros CSS (blur, sepia, etc.)
- Convertidor de unidades CSS (px, em, rem, %)
- Generador de cuadrícula (CSS Grid)
- Generador de flexbox
- Generador de QR Codes
- Validador de JSON
- Codificador/Decodificador Base64
- URL Encoder/Decoder
- Diff Checker
- Generador de números aleatorios
- Generador de hashes
- Generador de UUID / GUID
- Formateador de código (HTML/CSS/JS)
- Generador de código promocional
- Generador de favicon
- Generador de placeholder images
- Convertir CSV a JSON
- Convertir JSON a CSV
Generador de Filtros CSS Aplica efectos visuales a tus imágenes
¿Necesitas aplicar efectos visuales a tus imágenes sin usar Photoshop? Este generador de filtros CSS te permite aplicar efectos profesionales como desenfoque (blur), brillo (brightness), contraste, saturación, sepia, escala de grises y más. Perfecto para diseñadores web, desarrolladores y creadores de contenido.
✓ 8 filtros CSS diferentes ✓ Vista previa en tiempo real ✓ Presets populares ✓ Código CSS listo para copiar ✓ Compatible con todos los navegadores modernos
Aplica filtros CSS a imágenes y elementos de forma interactiva. Ideal para efectos visuales, edición rápida y prototipado.
* Compatible con la mayoría de navegadores modernos
filter: none;
/* Código CSS generado */
Filtros guardados
No hay filtros guardados
Preguntas frecuentes sobre filtros CSS
¿Qué son los filtros CSS?
Los filtros CSS son una propiedad que permite aplicar efectos visuales a elementos HTML, principalmente imágenes. Puedes usar blur, brightness, contrast, grayscale, sepia, hue-rotate, invert y más.
¿Cómo usar este generador de filtros CSS?
Ajusta los deslizadores para cada filtro y observa los cambios en la vista previa en tiempo real. Cuando estés satisfecho, copia el código CSS generado y pégalo en tu sitio web.
¿Qué navegadores soportan filtros CSS?
Todos los navegadores modernos (Chrome, Firefox, Safari, Edge) soportan filtros CSS. Para compatibilidad con versiones antiguas, se puede usar el prefijo -webkit-.
¿Puedo combinar múltiples filtros?
Sí, puedes combinar todos los filtros que necesites. Se aplican en el orden que especifiques. Este generador te permite combinarlos fácilmente.
¿Los filtros CSS afectan el rendimiento?
Los filtros CSS están optimizados y utilizan aceleración por hardware en la mayoría de los navegadores, por lo que el impacto en el rendimiento es mínimo.