SVG Desen Oluşturucu
Tekrarlanabilir SVG karo desenleri oluşturun. Desen türünü, rengini ve boyutunu özelleştirin, ardından kodu dışa aktarın.
Önizleme
SVG Kodu
<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>Nasıl Kullanılır
Desen Seçin
Desen kategorisini seçin: geometrik, modern vb.
Özelleştir
Renkleri, boyutu, aralığı, döndürmeyi vb. ayarlayın
SVG'yi Kopyala
SVG kodunu kopyalayın veya görüntü olarak indirin
Özellikler
Gerçek Zamanlı Önizleme
Parametreleri ayarlarken desenleri gerçek zamanlı olarak önizleyin
Zengin Şablonlar
Çoklu şablonlar: geometrik, noktalar, çizgiler ve daha fazlası
Kesintisiz Döşeme
Oluşturulan desenler görünür dikişler olmadan kesintisiz olarak döşenir
FAQ
🔗İlgili Araçlar
Renk Kodu Dönüştürücü
HEX, RGB ve HSL renk kodları arasında dönüştürme yapın. Sezgisel renk seçimi için renk seçici ve gerçek zamanlı önizleme kullanın.
Renk Seçici
Renk çarkı ve kaydırıcılar kullanarak renkleri sezgisel olarak seçin. HEX, RGB ve HSL formatlarında renk kodlarını alın ve kopyalayın.
Görsel Renk Çıkarıcı
Bir görselden baskın renkleri otomatik olarak tespit edin ve renk paleti oluşturun. Ayrıca tek tek renkler seçmek için görselin herhangi bir yerine tıklayabilirsiniz.
Görsel Ortalama Renk Seçici
Tüm bir görselin veya seçili bir alanın ortalama rengini hesaplayın. Renk şemaları veya küçük resim arka plan renkleri seçmek için kullanışlı.
CSS Degrade Oluşturucu
Sürükleme kontrolleriyle CSS degradelerini görsel olarak oluşturun. Ön ayarlarla doğrusal, radyal ve konik degrade türlerini destekler.
CSS Box Shadow Oluşturucu
Kaydırıcılarla görsel olarak CSS box-shadow oluşturun. Çoklu gölgeler ve iç gölgeleri destekler.