Lompat ke alat
JoeLucky

Klik ★ pada alat untuk menyimpannya

Kategori Alat

Kode ke GambarPembuat Gradien CSSGlassmorphism CSSPembuat Box ShadowPembuat Loader CSSPembuat Blob SVGSVG ke PNGPemeriksa Kontras WarnaPengubah PX / REM / EM
JoeLucky

Alat online praktis, semua di satu tempat

Kebijakan PrivasiKetentuan Layanan

© 2026 JoeLucky®. Hak cipta dilindungi.

  1. JoeLucky
  2. /CSS & Desain
  3. /Pembuat Blob SVG

Pembuat Blob SVG

Buat bentuk organik SVG dengan tingkat kerumitan yang dapat diatur.

Pengaturan Bentuk

Kompleksitas (titik)6
Keacakan50
Isian
Animasi CSS
Pratinjau Langsung
Ekspor

CSS & DESAIN SERUPA

Lihat semua
Kode ke Gambar

Ubah potongan kode menjadi tangkapan layar yang menarik.

Buka →
Pembuat Gradien CSS

Rancang gradien linear, radial, dan conic secara visual lalu salin CSS-nya.

Buka →
Glassmorphism CSS

💬 Komentar

?

Belum ada komentar. Jadilah yang pertama!

APA ITU Pembuat Blob SVG?

Buat bentuk blob SVG organik acak dengan kompleksitas, keacakan, dan isian yang dapat diatur — bagus untuk dekorasi latar atau ilustrasi — lalu salin SVG atau clip-path.

Cara memakai

  1. “Kompleksitas” (3–10) menetapkan jumlah titik; makin tinggi = makin detail. “Keacakan” mengatur seberapa jauh titik menyimpang dari lingkaran sempurna — 0 hampir bulat, 100 paling tidak beraturan.
  2. Klik 6 lingkaran warna untuk memilih gradien (Ungu, Mawar, Sian, Amber, Merah Muda) atau isian solid — pratinjau diperbarui seketika.
  3. Pilih dari 5 animasi CSS (Tanpa, Pulse, Float, Wobble, Spin). SVG yang diekspor otomatis menyematkan kode @keyframes yang sesuai.
  4. Klik “Acak” untuk langsung melompat ke bentuk baru. Setelah menemukan yang Anda suka, sempurnakan Kompleksitas dan Keacakan.
  5. Empat opsi ekspor: “Salin SVG” untuk markup lengkap, “Salin clip-path” untuk masking CSS, unduh sebagai vektor SVG, atau sebagai PNG 800×800px.

Pertanyaan yang sering diajukan

Apa itu generator SVG Blob?

Menghasilkan grafik SVG organik berbentuk blob yang mulus dengan warna, kompleksitas, dan keacakan yang dapat disesuaikan.

Di mana SVG dapat digunakan?

Sematkan di HTML/CSS atau unduh dan impor ke Figma, Illustrator, dll.

Apakah setiap klik menghasilkan bentuk berbeda?

Ya. Setiap klik Buat Ulang menghasilkan bentuk blob acak yang unik.

Buat kode blur latar belakang dan batas tembus pandang secara langsung.

Buka →