Ücretsiz geliştirici aracı

Organik SVG Blob Üretici

Karmaşıklık ve düzensizliği ayarlayıp yeniden üretilebilir organik şekiller oluştur; SVG kodunu al veya görsel indir.

Canlı önizleme

Üretilen kod

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs><linearGradient id="blob-gradient"><stop stop-color="#cc3d0a"/><stop offset="1" stop-color="#7c3aed"/></linearGradient></defs>
  <path d="M 84.71 35.51 Q 90.43 50.00 83.21 63.00 Q 75.99 75.99 63.00 86.23 Q 50.00 96.46 35.12 88.10 Q 20.25 79.75 20.03 64.88 Q 19.80 50.00 21.24 36.34 Q 22.68 22.68 36.34 20.06 Q 50.00 17.44 64.49 19.23 Q 78.99 21.01 84.71 35.51 Z" fill="url(#blob-gradient)" stroke="none" stroke-width="0"/>
</svg>

Ayarlar

Karmaşıklık8

Düzensizlik24%

Kontur kalınlığı0

Gradyan dolgu

Ana renk

İkinci renk

Standart çıktı üreten görsel bir araç

Bu araç doğrudan manipülasyonu düz CSS, SVG, HTML veya görsel dosyasına çevirir. Önizleme ve çıktı aynı durumdan üretildiği için kopyaladığın kod ekranda gördüğün sonucu tarif eder.

Çıktıyı her yerde kullan

Üretilen değerin LibraryCSS çalışma zamanı bağımlılığı yoktur. Stil dosyana, bileşenine, prototipine veya tasarım teslimine yapıştırıp sınıf adını projenle eşleştirmen yeterlidir.

Hiçbir şey saklanmaz

Tüm kontroller tarayıcıda çalışır. Değerler, üretilen metinler ve indirilen varlıklar hesaba kaydedilmez veya işleme servisine gönderilmez.