ganti warna SVG
☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggahLetakkan SVG Anda di sini
atau klik untuk memilih — hanya SVG
Pratinjau
OneImageTool
Alat Gambar Gratis
ganti warna SVG
Semua warna dalam berkas dikumpulkan ke satu palet — sunting salah satunya dan lihat hasilnya seketika, atau serahkan seluruhnya ke CSS lewat currentColor.
atau klik untuk memilih — hanya SVG
Pratinjau
satu palet, semua warna
Warna bisa berada di atribut fill atau stroke, di dalam style sebaris, atau di lembar gaya yang tertanam di berkas — dan hasil ekspor Illustrator atau Figma biasanya memilih yang terakhir. Itulah sebabnya menyunting SVG secara manual di penyunting teks begitu sering melewatkan beberapa bentuk.
Alat ini membaca ketiga tempat itu, ditambah titik henti gradien dan warna filter, lalu mengumpulkannya ke satu palet. Ubah satu contoh warna, maka setiap kemunculan warna itu ikut berubah, di mana pun ia dituliskan.
tiga langkah
Pilih berkas .svg — berkasnya tetap di perangkat Anda.
Setiap warna di berkas punya satu, lengkap dengan berapa kali dipakai.
Hanya warnanya yang berubah; bentuknya tidak tersentuh.
jawaban singkat
Ia menyuruh bentuk itu memakai warna teks dari elemen tempatnya berada. Ikon yang disetel ke currentColor akan menjadi putih di dalam tombol gelap dan abu-abu di dalam teks redup, tanpa berkas kedua maupun satu aturan CSS tambahan. Inilah cara standar pustaka ikon mengedarkan SVG.
Gradien adalah rujukan ke sebuah definisi di tempat lain dalam berkas, bukan sebuah warna, jadi menggantinya justru akan menghapus gradien itu alih-alih mengubah warnanya. Warna tiap titik henti di dalam gradien memang muncul di palet — suntinglah yang itu.
Berarti berkas itu tidak punya warna sendiri. Biasanya itu berarti gambarnya sudah disetel ke currentColor atau mewarisi warna dari lembar gaya di luar berkas. Buka di penampil SVG untuk melihat sumbernya.
Warna dikelompokkan berdasarkan nilai sebenarnya, jadi #FFF, #ffffff, dan white adalah satu entri. Menyuntingnya akan memperbarui semuanya, masing-masing tetap dalam bentuk penulisan aslinya.
Tidak. Berkasnya diurai dan ditulis ulang di browser Anda.