Generator Pola

Semua alat warna

Buat pola latar belakang SVG seamless dari hampir 2.000 desain: ubah warna, zoom, jarak, dan sudut, lalu salin CSS atau unduh SVG, PNG, atau WebP.

Gratis

1Pilih pola

Semua Garis dan gelombang Titik dan lingkaran Geometris 3D dan ilusi Tekstil dan tenunan Bata dan ubin Jepang Islami dan Moor Art Deco Suku dan tradisional Alam Ikon dan objek Seni piksel Generatif

Judul Anda di sini

Lihat tampilan pola di belakang konten yang sebenarnya.

Mulai sekarang
Pola

Telusuri menurut koleksi

Garis dan gelombang 273 pola Titik dan lingkaran 189 pola Geometris 138 pola 3D dan ilusi 99 pola Tekstil dan tenunan 105 pola Bata dan ubin 148 pola Jepang 33 pola Islami dan Moor 30 pola Art Deco 47 pola Suku dan tradisional 62 pola Alam 196 pola Ikon dan objek 236 pola Seni piksel 152 pola Generatif 251 pola

Tentang Generator Pola

Generator Pola mengubah hampir 2.000 desain siap pakai menjadi latar belakang yang dapat Anda atur dan gunakan langsung. Jelajahi 14 koleksi, mulai dari gelombang, polkadot, dan tesselasi hingga tartan, seigaiha Jepang, bintang Islami, kipas Art Deco, sprite piksel, dan kamuflase, lalu lihat tiap desain dengan warna Anda sendiri.

Setiap desain digambar sebagai seni vektor dan berulang tanpa sambungan yang terlihat, pada zoom dan sudut apa pun. Ubah hingga enam warna, zoom, posisi, jarak, ketebalan garis, dan sudut, jadikan bentuk terisi sebagai garis tepi, atau biarkan pola bergerak dengan animasi berulang. Pola generatif seperti peta topografi, sel Voronoi, dan ubin Truchet dapat menghasilkan variasi baru di setiap klik.

Jika sudah sesuai, salin sebagai CSS, SCSS, konfigurasi Tailwind, SVG inline, data URI, atau komponen React, atau unduh SVG, PNG, JPG, atau WebP dalam ukuran berapa pun hingga 8000 piksel, termasuk satu ubin untuk pengulangan Anda sendiri. Semuanya berjalan di browser Anda: tidak ada yang diunggah, dan Anda tidak perlu akun.

Cara menggunakan Generator Pola

  1. Pilih pola: cari menurut nama, atau saring menurut koleksi dan jumlah warna.
  2. Pilih warna dengan pemilih warna, palet siap pakai, atau “Palet baru”.
  3. Atur zoom, posisi, jarak, garis, dan sudut. Kunci nilai mana pun yang Anda suka sebelum menekan “Beri saya inspirasi”.
  4. Periksa dengan pratinjau “Tampilkan ubin”, “Di halaman”, dan “Dalam teks”.
  5. Salin kode atau unduh file, lalu gunakan “Salin tautan” untuk kembali ke pola yang persis sama nanti.

Pertanyaan yang sering diajukan

Ya. Alat ini gratis tanpa pendaftaran dan tanpa batas: setiap pola digambar di browser Anda, sehingga tidak ada file yang dikirim ke server.

Ya. Anda dapat memakai pola yang diekspor untuk karya pribadi maupun komersial, seperti situs web, aplikasi, kemasan, dan cetakan, tanpa perlu mencantumkan atribusi.

Tidak. Setiap bentuk yang melewati tepi ubin digambar lagi di sisi seberangnya, sehingga pengulangannya seamless. Gunakan pratinjau “Tampilkan ubin” untuk melihat dengan tepat di mana ubin dimulai dan berakhir.

CSS adalah yang paling sederhana: tempel aturannya ke stylesheet Anda dan terapkan pada elemen apa pun. Pada sudut 0, 90, 180, atau 270 derajat, CSS memakai satu ubin kecil dengan background-size; pada sudut lain, CSS memakai SVG yang memenuhi elemen. Versi Tailwind, SCSS, React, dan data URI berisi pola yang sama.

Animasi tertanam di dalam SVG, sehingga tidak memerlukan skrip dan juga berjalan sebagai latar belakang CSS di browser modern. Periksa di browser yang Anda dukung. File PNG, JPG, dan WebP tetaplah gambar diam, sehingga hanya menyimpan bingkai pertama.

Desain organik seperti kamuflase dan peta topografi memiliki banyak lengkungan. Ukuran kode ditampilkan di samping tombol salin. Jika terlalu berat untuk sebuah halaman, pilih desain dengan ubin lebih kecil, atau gunakan ubin PNG sebagai gantinya.

Ya, pada hampir setiap pola: aktifkan “Latar belakang transparan” dan ekspor sebagai CSS, SVG, PNG, atau WebP. Beberapa desain bertumpuk menyembunyikan bentuk dengan warna latar belakang, sehingga memerlukan latar belakang solid. File JPG tidak mendukung transparansi.
Bagikan ini
Alat Terkait
Generator Gradien
Generator Palet Warna
Generator Nuansa Warna
Gradien dari Gambar
Palet Warna Web-Safe
Layar Putih Penuh
Pemasangan Font & Direktori Google Fonts
Roda Warna & Generator Harmoni
Layar Biru Penuh
Generator Palet Merek AI
Campur Warna
Pemilih Warna Layar
Palet Warna dari Gambar
Ekspor Palet Warna
Palet Warna dari Website
Simulator Buta Warna
Layar Hitam Penuh
Pencocok Warna RAL
Palet Suasana AI
Generator Tema & Gradien AI
Pencarian populer
generator pola svg generator pola seamless pola latar belakang css pembuat pola berulang pola latar belakang gratis generator pola geometris pola latar belakang tailwind ubin png seamless
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri: salin dan tempel kode di bawah ini.