Penjana Corak

Semua alat warna

Bina corak latar belakang SVG seamless dari hampir 2,000 reka bentuk: tukar warna, zum, jarak dan sudut, lalu salin CSS atau muat turun SVG, PNG atau WebP.

Percuma

1Pilih corak

Semua Garisan dan gelombang Titik dan bulatan Geometri 3D dan ilusi Tekstil dan tenunan Bata dan jubin Jepun Islam dan Moor Art Deco Suku kaum dan tradisional Alam semula jadi Ikon dan objek Seni piksel Generatif

Tajuk anda di sini

Lihat rupa corak di belakang kandungan sebenar.

Mulakan
Corak

Semak imbas mengikut koleksi

Garisan dan gelombang 273 corak Titik dan bulatan 189 corak Geometri 138 corak 3D dan ilusi 99 corak Tekstil dan tenunan 105 corak Bata dan jubin 148 corak Jepun 33 corak Islam dan Moor 30 corak Art Deco 47 corak Suku kaum dan tradisional 62 corak Alam semula jadi 196 corak Ikon dan objek 236 corak Seni piksel 152 corak Generatif 251 corak

Mengenai Penjana Corak

Penjana Corak menukarkan hampir 2,000 reka bentuk siap sedia kepada latar belakang yang boleh anda laraskan dan gunakan dengan segera. Semak imbas 14 koleksi, daripada gelombang, titik polka dan tesselasi hingga tartan, seigaiha Jepun, bintang Islam, kipas Art Deco, sprite piksel dan kamuflaj, dan lihat setiap satu dalam warna anda sendiri.

Setiap reka bentuk dilukis sebagai seni vektor dan berulang tanpa sambungan yang kelihatan, pada sebarang zum dan sebarang sudut. Tukar sehingga enam warna, zum, kedudukan, jarak, ketebalan garisan dan sudut, ubah bentuk berisi menjadi garis luar, atau biarkan corak bergerak dengan animasi berulang. Corak generatif seperti peta topografi, sel Voronoi dan jubin Truchet boleh menghasilkan variasi baharu pada setiap klik.

Apabila sudah sesuai, salin sebagai CSS, SCSS, konfigurasi Tailwind, SVG sebaris, data URI atau komponen React, atau muat turun SVG, PNG, JPG atau WebP pada sebarang saiz sehingga 8000 piksel, termasuk satu jubin untuk ulangan anda sendiri. Semuanya berjalan dalam penyemak imbas anda: tiada apa-apa dimuat naik, dan tiada akaun diperlukan.

Cara menggunakan Penjana Corak

  1. Pilih corak: cari mengikut nama, atau tapis mengikut koleksi dan bilangan warna.
  2. Pilih warna dengan pemilih warna, palet siap sedia atau “Palet baharu”.
  3. Laraskan zum, kedudukan, jarak, garisan dan sudut. Kunci mana-mana nilai yang anda suka sebelum menekan “Beri saya ilham”.
  4. Semak dengan pratonton “Tunjukkan jubin”, “Pada halaman” dan “Dalam teks”.
  5. Salin kod atau muat turun fail, dan gunakan “Salin pautan” untuk kembali kepada corak yang tepat ini kemudian.

Soalan lazim

Ya. Alat ini percuma tanpa pendaftaran dan tanpa had: setiap corak dilukis dalam penyemak imbas anda, jadi tiada fail dihantar ke pelayan.

Ya. Anda boleh menggunakan corak yang dieksport dalam kerja peribadi dan komersial, seperti laman web, aplikasi, pembungkusan dan cetakan, tanpa perlu memberi atribusi.

Tidak. Setiap bentuk yang melintasi tepi jubin dilukis semula di sebelah yang bertentangan, jadi ulangannya seamless. Gunakan pratonton “Tunjukkan jubin” untuk melihat dengan tepat di mana jubin bermula dan berakhir.

CSS ialah yang paling mudah: tampal peraturan itu ke dalam helaian gaya anda dan gunakannya pada sebarang elemen. Pada sudut 0, 90, 180 atau 270 darjah, ia menggunakan satu jubin kecil dengan background-size; pada sudut lain, ia menggunakan SVG yang memenuhi elemen. Versi Tailwind, SCSS, React dan data URI mengandungi corak yang sama.

Animasi dibina dalam SVG, jadi ia tidak memerlukan skrip dan turut berjalan sebagai latar belakang CSS dalam penyemak imbas moden. Semak dalam penyemak imbas yang anda sokong. Fail PNG, JPG dan WebP tetap imej pegun, jadi ia hanya menyimpan bingkai pertama.

Reka bentuk organik seperti kamuflaj dan peta topografi mengandungi banyak lengkung. Saiz kod ditunjukkan di sebelah butang salin. Jika terlalu berat untuk sesebuah halaman, pilih reka bentuk dengan jubin yang lebih kecil, atau gunakan jubin PNG sebagai ganti.

Ya, pada hampir setiap corak: hidupkan “Latar belakang lut sinar” dan eksport sebagai CSS, SVG, PNG atau WebP. Beberapa reka bentuk bertindih menyembunyikan bentuk dengan warna latar belakang, jadi ia memerlukan latar belakang pepejal. Fail JPG tidak menyokong lut sinar.
Kongsi ini
Alat Berkaitan
Penjana Kecerunan
Penjana Palet Warna
Penjana Warna Cerah & Gelap
Kecerunan daripada Imej
Skrin Putih Penuh
Penyemak Kontras Warna
Eksport Palet Warna
Campur Warna
Simulator Buta Warna
Skrin Hijau Penuh
Pencari Nama Warna
Kit Jenama AI daripada Imej
Roda Warna & Penjana Harmoni
Direktori Pasangan Fon & Google Fonts
Pemadan Warna Pantone
Pemilih Warna Skrin
Penukar Kod Warna
Skrin Merah Penuh
Skrin Biru Penuh
Palet Warna dari Laman Web
Carian popular
penjana corak svg penjana corak seamless corak latar belakang css pembuat corak berulang corak latar belakang percuma penjana corak geometri corak latar belakang tailwind jubin png seamless
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri: salin dan tampal kod di bawah.