Sostituire i colori in un SVG
Sostituisce un colore con un altro in tutto l'SVG – riempimenti, contorni, gradienti e stili – nel browser.
Funziona nel tuo browser – il file non viene caricato
Domande frequenti
Il mio file viene caricato?
No. La conversione avviene interamente nel tuo browser. Il file non lascia mai il tuo dispositivo – non c'è alcun server che possa vederlo. Una volta caricata la pagina, lo strumento funziona persino offline.
Dove vengono sostituiti i colori?
Negli attributi fill, stroke, stop-color, flood-color, lighting-color e color, nelle dichiarazioni style="…" e nei fogli di stile <style>. Il colore può essere scritto come #rgb, #rrggbb, rgb(), rgba() o nome CSS (red, steelblue …) – il confronto ignora maiuscole e notazione, quindi «red», «#F00» e «rgb(255,0,0)» sono lo stesso colore. La trasparenza (alpha di rgba, #rrggbbaa) viene mantenuta.
A cosa serve la tolleranza?
Con 0 viene sostituito solo il colore esatto. Un valore più alto sostituisce anche le tonalità il cui rosso, verde e blu differiscono al massimo di quel valore – utile per esportazioni che spezzano un colore in diversi quasi identici. Tienila bassa, altrimenti vengono coinvolti colori estranei.
Perché non è cambiato nulla?
Il colore potrebbe non essere dove pensi: i gradienti usano stop-color sui loro stop, alcuni file usano currentColor o classi, e le immagini raster incorporate non si possono ricolorare. Apri il file in un editor di testo e cerca il valore esatto – oppure alza un po' la tolleranza se il file usa una tonalità leggermente diversa. Oltre ai valori di colore non viene toccato nulla: il file resta altrimenti invariato.
Strumenti correlati
Riparare la viewBox di un SVG
Aggiunge la viewBox mancante da width e height, così l'SVG finalmente si ridimensiona – nel browser.
● Nel browser
Ottimizzare un SVG
Riduce i file SVG senza cambiarne l'aspetto – nel browser.
● Nel browser
Convertire SVG in data URI
Trasforma un SVG in un URL data: compatto per CSS e HTML – nel browser, senza caricamento.
● Nel browser
Convertire SVG in sfondo CSS
Scrive una regola CSS pronta da incollare con l'SVG incorporato come sfondo o maschera – nel browser.
● Nel browser