Ana içeriğe geç
Uddatak

SVG Blob ve Arka Plan Deseni Oluşturucu

SVG Blob ve Arka Plan Deseni Oluşturucu tek bir araçta iki araçtır: nokta sayısı, rastgelelik ve renk üzerinde kontrol sağlayan rastgele organik blob şekli oluşturucu (blobmaker.app gibi) ve karo boyutu, çizgi kalınlığı, ön plan rengi ve arka plan rengi üzerinde kontrol sağlayan sorunsuz SVG arka plan deseni oluşturucu (noktalar, ızgara, çapraz çizgiler, dalgalar). Ham SVG kodunu doğrudan kopyalayın, kullanıma hazır bir CSS background-image bildirimi olarak kopyalayın veya bağımsız bir .svg dosyası olarak indirin. Tüm oluşturma işlemi tarayıcınızda saf matematik hesaplamalarıyla gerçekleşir — hiçbir şey sunucuya gönderilmez.

Tasarım ve CSS Araçları Tamamen tarayıcınızda çalışır

Grafik tamamen tarayıcınızda oluşturulur — hiçbir şey sunucuya gönderilmez.

SVG kodu

<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>

Sıkça Sorulan Sorular

Evet, desen modunda, doğrudan bir stil sayfasına kopyalanmaya hazır bir background-image CSS bildirimi mevcuttur.

Bununla devam edin

Tamamen yerel

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Renk Dönüştürücü

Bir rengi HEX, RGB, ve HSL formatları arasında anında dönüştürün.

Geliştirici AraçlarıAracı aç
Tamamen yerel

Favicon Oluşturucu

Tek bir görselden tam bir favicon boyutu seti oluşturun.

Görsel AraçlarıAracı aç

İlgili araçlar

Tamamen yerel

CSS Keyframe Animasyon Oluşturucu

Bir CSS animasyonunu görsel olarak tasarlayın (belirme, kayma, yakınlaştırma, zıplama, döndürme, çevirme) ve kullanıma hazır @keyframes kodu alın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Renk Paleti Uyum Oluşturucu

Bir ana renk seçin ve uyumlu bir renk paleti elde edin (tamamlayıcı, benzer, üçlü, dörtlü, tek renkli).

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Mesh Gradyan Oluşturucu

Tek tıkla yumuşak, çok noktalı bir mesh gradyan arka planı oluşturun ve kullanıma hazır CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Renk Kontrastı Denetleyici

Bir metin/arka plan renk çiftinin WCAG erişilebilirlik kontrast standartlarını karşılayıp karşılamadığını kontrol edin.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Uddatak'i denemeye hazır mısınız?

Tüm araç kütüphanesine göz atın ve ihtiyacınız olanı hemen şimdi kullanmaya başlayın — ücretsiz, kayıt gerekmez.

Tüm araçlara göz atın