Recolorear iconos con filtros CSS
Cuando no puedes cambiar el fill del SVG fácilmente, una pila de filter puede teñir un asset negro hacia un color de marca. Las aproximaciones rara vez son perfectas—revisa la vista previa y ajusta si hace falta.
Generador de CSS Filter
Elige un color hex objetivo para generar una aproximación CSS filter() (invert, sepia, saturate, hue-rotate, brightness, contrast) útil en iconos monocromáticos.
Cómo funciona
- 1
Completa los campos del formulario.
- 2
Cambia modos si existen.
- 3
Copia la salida cuando esté bien (a menudo en vivo).
Por qué usar esta herramienta
- Funciona totalmente en tu navegador — no se envía nada a un servidor.
- 100% gratis, sin registro y sin límites.
- Funciona en cualquier navegador moderno: sin app, sin extensión y sin cuenta.
Cómo usar Generador de CSS Filter
Completa los campos en Generador de CSS Filter. La salida se genera en el navegador.
Consejos para mejores resultados
Deja opcionales vacíos para un resultado mínimo.
Privacidad y procesamiento en el navegador
Siempre que sea posible, Generador de CSS Filter procesa tus datos localmente con JavaScript en esta página. Borradores, secretos y trabajo en curso se quedan en tu dispositivo por defecto. Usa este flujo cuando no quieras subir texto sensible, tokens, contraseñas o archivos a un servicio de terceros.
Preguntas frecuentes
¿Funciona con cualquier imagen?
Está pensado para iconos negros (o casi negros). Las fotos a color no se mapean bien a un único color objetivo.
¿Por qué hay un valor de pérdida?
La pérdida estima cuánto se aleja el resultado filtrado del color objetivo; cuanto menor, más cerca.
¿Se suben mis datos al usar esta herramienta?
En la mayoría de las herramientas de FlyUtils, no. El procesamiento ocurre en tu navegador con JavaScript. Si alguna necesita servidor, se indicará claramente en la página.
¿Generador de CSS Filter es gratis?
Sí. Generador de CSS Filter es gratis, sin registro y sin límites artificiales para uso personal y profesional habitual.
¿Generador de CSS Filter funciona en el móvil?
Sí. La página es mobile-first: puedes pegar contenido, ajustar opciones y copiar resultados desde el teléfono o la tablet.