Ricolorare icone con filtri CSS
Quando non puoi cambiare facilmente il fill SVG, uno stack di filter può tingere un asset nero verso un colore di brand. Le approssimazioni raramente sono perfette—controlla l’anteprima e regola se serve.
Generatore di CSS Filter
Scegli un colore hex obiettivo per generare un’approssimazione CSS filter() (invert, sepia, saturate, hue-rotate, brightness, contrast) utile per icone monocromatiche.
Come funziona
- 1
Compila i campi del modulo.
- 2
Cambia modalità se presenti.
- 3
Copia l’output quando è a posto (spesso in tempo reale).
Perché usare questo strumento
- Funziona interamente nel tuo browser — nulla viene inviato a un server.
- 100% gratuito, senza registrazione e senza limiti.
- Funziona in qualsiasi browser moderno — senza app, estensioni o account.
Come usare Generatore di CSS Filter
Compila i campi in Generatore di CSS Filter. L’output è prodotto nel browser.
Suggerimenti per risultati migliori
Lascia vuoti i campi opzionali per un risultato minimo.
Privacy ed elaborazione nel browser
Quando possibile, Generatore di CSS Filter elabora i dati in locale con JavaScript in questa pagina. Bozze, segreti e lavori in corso restano sul tuo dispositivo per impostazione predefinita. Usa questo flusso quando non vuoi caricare testi sensibili, token, password o file su un servizio di terze parti.
Domande frequenti
Funziona su qualsiasi immagine?
È pensato per icone nere (o quasi nere). Le foto a colori non si mappano bene a un singolo colore obiettivo.
Perché c’è un valore di loss?
Il loss stima quanto il risultato filtrato si discosta dal colore obiettivo; più è basso, più è vicino.
I miei dati vengono caricati quando uso questo strumento?
Per la maggior parte degli strumenti FlyUtils, no. L’elaborazione avviene nel browser con JavaScript. Se uno strumento richiede un server, sarà indicato chiaramente nella pagina.
Generatore di CSS Filter è gratuito?
Sì. Generatore di CSS Filter è gratuito, senza registrazione e senza limiti artificiali per l’uso personale e professionale comune.
Generatore di CSS Filter funziona sul cellulare?
Sì. La pagina è mobile-first: puoi incollare contenuti, regolare le opzioni e copiare i risultati da telefono o tablet.