Skip to main content
Penguin ToolsAlat Penguin

Generator Pola SVG

Hasilkan pola tile SVG yang dapat diulang. Sesuaikan jenis pola, warna, dan ukuran, lalu ekspor kodenya.

#6366f1
#ffffff

Pratinjau

Kode SVG

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="custom-pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
      <rect width="40" height="40" fill="#ffffff" />
      <circle cx="20" cy="20" r="7" fill="#6366f1" />
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#custom-pattern)" />
</svg>
Bagikan alat ini
📖

Cara Menggunakan

Step 1

Pilih Pola

Pilih Pola

Pilih kategori pola: geometris, Jepang, modern, dll.

Step 2

Sesuaikan

Sesuaikan

Sesuaikan warna, ukuran, jarak, rotasi, dll.

Step 3

Salin SVG

Salin SVG

Salin kode SVG atau unduh sebagai gambar

✨

Fitur

Pratinjau Real-time

Pratinjau pola secara real-time saat Anda menyesuaikan parameter

Template yang Kaya

Berbagai template: geometris, titik, garis, pola Jepang, dan lainnya

Tiling Mulus

Pola yang dihasilkan disambung secara mulus tanpa sambungan yang terlihat

❓

FAQ

Pola vektor yang dapat diulang menggunakan elemen <pattern> SVG. Dapat digunakan sebagai latar belakang atau isi.

🔗Alat Terkait

🎨
Alat Desain

Konverter Kode Warna

Konversi antara kode warna HEX, RGB, dan HSL. Gunakan pemilih warna dan pratinjau waktu nyata untuk pemilihan warna yang intuitif.

🎨
Alat Desain

Pemilih Warna

Pilih warna secara intuitif menggunakan roda warna dan slider. Dapatkan dan salin kode warna dalam format HEX, RGB, dan HSL.

🎨
Alat Desain

Ekstraktor Warna Gambar

Deteksi warna dominan dari gambar secara otomatis dan hasilkan palet warna. Anda juga dapat mengklik di mana saja pada gambar untuk mengambil warna individual.

🎯
Alat Desain

Pengambil Warna Rata-rata Gambar

Hitung warna rata-rata dari seluruh gambar atau area yang dipilih. Berguna untuk memilih skema warna atau warna latar belakang thumbnail.

🌈
Alat Desain

Generator CSS Gradien

Buat gradien CSS secara visual dengan kontrol seret. Mendukung tipe gradien linear, radial, dan conic dengan preset.

🔲
Alat Desain

Generator CSS Box Shadow

Buat CSS box-shadow secara visual dengan slider. Mendukung beberapa bayangan dan bayangan inset.