warnakan semula SVG
☞ berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naikLepaskan SVG anda di sini
atau klik untuk pilih — SVG sahaja
Pratonton
warnakan semula SVG
Setiap warna dalam fail, dikumpulkan ke dalam satu palet — sunting mana-mana dan lihat hasilnya serta-merta, atau serahkan kesemuanya kepada CSS dengan currentColor.
atau klik untuk pilih — SVG sahaja
Pratonton
satu palet, semua warna
Sesuatu warna boleh berada pada atribut fill atau stroke, di dalam style dalaman, atau dalam helaian gaya yang terbenam dalam fail — dan eksport daripada Illustrator atau Figma lazimnya memilih yang terakhir. Itulah sebabnya menyunting SVG secara manual dalam penyunting teks begitu kerap terlepas beberapa bentuk.
Alat ini membaca ketiga-tiga tempat itu, ditambah hentian kecerunan dan warna penapis, lalu mengumpulkannya ke dalam satu palet. Tukar satu swatch dan setiap kemunculan warna itu turut bertukar, di mana jua ia ditulis.
tiga langkah
Pilih fail .svg — ia kekal pada peranti anda.
Setiap warna dalam fail mendapat satu, lengkap dengan berapa kerap ia digunakan.
Hanya warnanya berubah; bentuknya tidak disentuh.
jawapan pantas
Ia memberitahu bentuk itu supaya menggunakan warna teks elemen tempat ia berada. Ikon yang ditetapkan kepada currentColor bertukar putih di dalam butang gelap dan kelabu di dalam teks yang malap, tanpa fail kedua mahupun satu peraturan CSS tambahan. Itulah cara standard pustaka ikon mengedarkan SVG.
Kecerunan ialah rujukan kepada satu takrifan di tempat lain dalam fail, bukan satu warna, jadi menggantikannya akan memadam kecerunan itu dan bukan mewarnakannya semula. Warna hentian individu di dalam kecerunan itu memang muncul dalam palet — suntinglah yang itu.
Bermakna fail itu tiada warnanya sendiri. Lazimnya itu bermaksud karya itu sudah ditetapkan kepada currentColor atau mewarisi warnanya daripada helaian gaya di luar fail. Buka dalam pemapar SVG untuk melihat sumbernya.
Warna dikumpulkan mengikut nilai sebenarnya, jadi #FFF, #ffffff dan white ialah satu entri. Menyuntingnya akan mengemas kini kesemuanya, masing-masing dalam bentuk tulisan asalnya.
Tidak. Fail itu dihurai dan ditulis semula dalam pelayar anda.