Desen Oluşturucu

Tüm renk araçları

2.000'e yakın tasarımdan dikişsiz SVG desenleri oluşturun: renk, yakınlaştırma, aralık ve açıyı ayarlayın, CSS'yi kopyalayın veya SVG, PNG, WebP indirin.

Ücretsiz

1Bir desen seçin

Tümü Çizgiler ve dalgalar Noktalar ve daireler Geometrik 3D ve illüzyonlar Tekstil ve dokuma Tuğla ve karolar Japon İslami ve Mağribi Art Deco Kabile ve halk Doğa Simgeler ve nesneler Piksel sanatı Üretken

Başlığınız burada

Desenin gerçek içeriğin arkasında nasıl durduğunu görün.

Başlayın
Desen

Koleksiyona göre göz atın

Çizgiler ve dalgalar 273 desen Noktalar ve daireler 189 desen Geometrik 138 desen 3D ve illüzyonlar 99 desen Tekstil ve dokuma 105 desen Tuğla ve karolar 148 desen Japon 33 desen İslami ve Mağribi 30 desen Art Deco 47 desen Kabile ve halk 62 desen Doğa 196 desen Simgeler ve nesneler 236 desen Piksel sanatı 152 desen Üretken 251 desen

Desen Oluşturucu Hakkında

Desen Oluşturucu, yaklaşık 2.000 hazır tasarımı hemen ayarlayıp kullanabileceğiniz arka planlara dönüştürür. Dalgalar, puantiyeler ve döşemelerden tartanlara, Japon seigaihasına, İslami yıldızlara, Art Deco yelpazelerine, piksel spritelara ve kamuflaja kadar 14 koleksiyona göz atın ve her birini kendi renklerinizde görün.

Her tasarım vektör çizim olarak hazırlanır ve herhangi bir yakınlaştırmada ve açıda görünür bir dikiş izi olmadan tekrarlanır. En fazla altı rengi, yakınlaştırmayı, konumu, aralığı, çizgi kalınlığını ve açıyı değiştirebilir, dolu şekilleri konturlara çevirebilir veya deseni döngülü bir animasyonla hareket ettirebilirsiniz. Topografik haritalar, Voronoi hücreleri ve Truchet karoları gibi üretken desenler her tıklamada yeni bir varyasyon üretebilir.

Beğendiğinizde CSS, SCSS, Tailwind yapılandırması, satır içi SVG, Data URI veya React bileşeni olarak kopyalayın ya da kendi tekrarınız için tek bir karo dahil, 8000 piksele kadar herhangi bir boyutta SVG, PNG, JPG veya WebP indirin. Her şey tarayıcınızda çalışır: hiçbir şey yüklenmez ve hesap gerekmez.

Desen Oluşturucu Nasıl Kullanılır

  1. Bir desen seçin: ada göre arayın veya koleksiyona ve renk sayısına göre filtreleyin.
  2. Renkleri renk seçicilerle, hazır bir paletle veya “Yeni palet” ile seçin.
  3. Yakınlaştırmayı, konumu, aralığı, çizgi kalınlığını ve açıyı ayarlayın. “İlham ver”e basmadan önce istediğiniz değeri kilitleyin.
  4. “Karoyu göster”, “Sayfada” ve “Metinde” önizlemeleriyle kontrol edin.
  5. Kodu kopyalayın veya dosyayı indirin; bu desene daha sonra tam olarak dönmek için “Bağlantıyı kopyala”yı kullanın.

Sıkça sorulan sorular

Evet. Araç ücretsizdir, kayıt gerektirmez ve sınırı yoktur: her desen tarayıcınızda çizilir, bu yüzden sunucuya hiçbir dosya gönderilmez.

Evet. Dışa aktardığınız desenleri web siteleri, uygulamalar, ambalaj ve baskı gibi kişisel ve ticari işlerde, kaynak göstermeden kullanabilirsiniz.

Hayır. Bir karonun kenarını aşan her şekil karşı tarafta yeniden çizilir, bu yüzden tekrar dikişsizdir. Bir karonun tam olarak nerede başlayıp bittiğini görmek için “Karoyu göster” önizlemesini kullanın.

En basiti CSS'dir: kuralı stil sayfanıza yapıştırın ve herhangi bir öğeye uygulayın. 0, 90, 180 veya 270 derecede background-size ile tek bir küçük karo kullanır; diğer açılarda öğeyi dolduran bir SVG kullanır. Tailwind, SCSS, React ve Data URI sürümleri aynı deseni içerir.

Animasyon SVG'nin içine gömülüdür, bu yüzden betik gerektirmez ve modern tarayıcılarda CSS arka planı olarak da çalışır. Desteklediğiniz tarayıcılarda deneyin. PNG, JPG ve WebP dosyaları yine birer görseldir, bu yüzden yalnızca ilk kareyi tutarlar.

Kamuflaj ve topografik haritalar gibi organik tasarımlar çok sayıda eğri içerir. Kodun boyutu kopyala düğmesinin yanında gösterilir. Bir sayfa için fazla ağırsa daha küçük karolu bir tasarım seçin veya bunun yerine PNG karo kullanın.

Evet, hemen hemen her desende: “Şeffaf arka plan”ı açın ve CSS, SVG, PNG veya WebP olarak dışa aktarın. Üst üste binen bazı tasarımlar şekilleri arka plan rengiyle gizler, bu yüzden düz bir arka plan gerektirir. JPG dosyaları şeffaflığı desteklemez.
Paylaş
İlgili Araçlar
Degrade Oluşturucu
Renk Paleti Oluşturucu
Renk Tonları Oluşturucu
Görselden Degrade Oluştur
RAL Renk Eşleştirici
AI Marka Paleti Oluşturucu
AI Tema ve Degrade Oluşturucu
Tam Beyaz Ekran
Ekran Renk Seçici
Pantone Renk Eşleştirici
Görselden AI Marka Kiti
Renk Adı Bulucu
Tam Yeşil Ekran
Renk Çemberi ve Renk Uyumu
Renk Kodu Dönüştürücü
Web Güvenli Renk Paleti
Yazı Tipi Eşleştirme ve Google Fonts Dizini
Renk Körlüğü Simülatörü
Renk Paletini Dışa Aktar
AI Mood Paleti
Popüler aramalar
svg desen oluşturucu dikişsiz desen oluşturucu css arka plan deseni tekrarlayan desen yapıcı ücretsiz arka plan desenleri geometrik desen oluşturucu tailwind arka plan deseni dikişsiz karo png
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin: aşağıdaki kodu kopyalayıp yapıştırın.