Sviluppatore / Colori SVG
Cambia colori SVG: ricolora e copia SVG
Esamina i colori SVG espliciti e il numero di utilizzi, modifica gli stop dei gradienti e le semplici regole CSS, poi scarica l'SVG o copia il codice.
Cambia colori SVG: ricolora e copia SVG: Trova i token colore espliciti negli attributi fill, stroke, stop-color, color, flood-color e lighting-color, negli stili inline e nelle semplici regole di stile. I colori con nome, gli short hex, rgb() e hsl() vengono normalizzati. Le sostituzioni preservano gli altri byte del sorgente quando la sanificazione non richiede modifiche. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti per sviluppatori
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
Pittura SVG
Riempimento, traccia e interruzioni del gradiente SVG usano valori di colore e riferimenti a paint server. Specifica: https://www.w3.org/TR/SVG2/painting.html
Sintassi dei colori
Il parser supporta colori con nome, hex, rgb(), hsl() e currentColor. L'alpha viene conservato quando fornito. Le variabili CSS e gli spazi colore avanzati non sono supportati dal parser di questo strumento. Specifica: https://www.w3.org/TR/css-color-4/
Come usarlo
- Trascina un SVG oppure incolla il relativo markup.
- Usa ogni selettore colore o inserisci una sostituzione; se vuoi, ricolora tutti i token in una volta sola.
- Confronta il prima e il dopo, poi scarica o copia l'SVG sanificato.
Privacy e limitazioni
Il codice SVG resta nel browser. Le anteprime sono immagini isolate e i contenuti non sicuri e le risorse esterne vengono rimossi.
Strumenti correlati
Domande frequenti
Che cosa conta il numero di utilizzi?
I token colore espliciti nel markup, non il numero di pixel visualizzati né il numero di elementi che ricevono uno stile ereditato.
I gradienti sono supportati?
Sì. Puoi modificare i colori degli stop dei gradienti senza sostituire gli ID dei gradienti o i relativi riferimenti.
Che cosa fa currentColor?
Usa il valore CSS color ereditato quando l'SVG è incorporato inline. Un'anteprima come immagine usa normalmente il nero, a meno che l'SVG stesso non definisca color.
Vengono risolti tutti i colori CSS?
No. Le variabili CSS, gli spazi colore avanzati, i valori predefiniti ereditati e i risultati calcolati dei selettori non vengono risolti. Sono supportati dichiarazioni e selettori semplici.
Strumento gratuito · nel browser esecuzioni · senza account