Pengembang / Warna SVG

Pengubah Warna SVG: Warnai Ulang dan Salin SVG

Periksa warna SVG eksplisit dan jumlah penggunaannya, edit stop gradien serta aturan paint CSS sederhana, lalu download SVG atau salin kodenya.

Pengubah Warna SVG: Warnai Ulang dan Salin SVG: Menemukan token paint eksplisit dalam atribut fill, stroke, stop-color, color, flood-color, dan lighting-color, serta dalam style inline dan aturan style sederhana. Warna bernama, hex pendek, rgb(), dan hsl() dinormalisasi. Penggantian mempertahankan byte sumber lainnya selama sanitasi tidak mengharuskan perubahan. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools developer
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Pengubah warna SVGPemrosesan lokal

Berjalan sepenuhnya di browser Anda

Pilih atau letakkan SVG

Paint SVG

Fill, stroke, dan penghentian gradien SVG menggunakan nilai warna serta referensi paint server. Spesifikasi: https://www.w3.org/TR/SVG2/painting.html

Sintaks warna

Parser mendukung warna bernama, hex, rgb(), hsl(), dan currentColor. Alpha dipertahankan jika tersedia. Variabel CSS dan ruang warna lanjutan berada di luar cakupan parser tool ini. Spesifikasi: https://www.w3.org/TR/css-color-4/

Cara menggunakannya

  1. Masukkan SVG dengan drag-and-drop atau tempel markup-nya.
  2. Gunakan setiap pemilih warna atau masukkan pengganti; Anda juga dapat mewarnai ulang semua token sekaligus.
  3. Bandingkan hasil sebelum dan sesudah, lalu download atau salin SVG yang sudah dibersihkan.

Privasi & batasan

Kode SVG tetap berada di browser Anda. Pratinjau diisolasi sebagai gambar, sementara konten tidak aman dan resource eksternal dihapus.

Alat terkait

Editor SVGSVG CleanerSVG ke JSX

Pertanyaan umum

Apa yang dihitung oleh jumlah penggunaan?

Token warna eksplisit dalam markup, bukan jumlah piksel yang dirender atau elemen yang menerima style turunan.

Apakah gradien didukung?

Ya. Warna stop gradien dapat diubah tanpa mengganti ID gradien atau referensinya.

Apa fungsi currentColor?

currentColor menggunakan nilai CSS color yang diwariskan saat SVG disematkan secara inline. Pratinjau gambar biasanya menggunakan warna hitam, kecuali SVG itu sendiri mendefinisikan color.

Apakah semua warna CSS di-resolve?

Tidak. Variabel CSS, ruang warna lanjutan, default yang diwariskan, dan hasil selector yang dihitung tidak di-resolve. Deklarasi dan selector sederhana didukung.

Alat gratis · berjalan di browser anda · tanpa perlu akun