設計 / SVG
SVG Blob 產生器（隨機有機形狀）
製作適合背景和插圖的平滑隨機blob形狀：選擇點的數量和隨機程度，挑選單色或雙色漸層，然後下載或複製SVG。
SVG Blob 產生器（隨機有機形狀）: 點會均勻分布在圓周上，再各自依隨機程度向圓心拉近，最後以平滑的封閉曲線連接。點越少且隨機程度越高，形狀就越凹凸不平；點越多且隨機程度越低，形狀就越柔和，接近圓形。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><path d="M359.5,200 C360.7,243.5 315.4,319 278.8,336.4 C242.1,353.9 174.7,327.5 139.5,304.7 C104.4,282 69.5,237.5 68,200 C66.4,162.5 96.4,100.3 130.4,79.5 C164.4,58.7 233.7,55.4 271.9,75.5 C310.1,95.6 358.4,156.5 359.5,200 Z" fill="#63c42d"/></svg>
各點會均勻分布在圓周上，再以隨機幅度向中心拉近，並用平滑的閉合曲線連接。點數越少、隨機性越高，形狀就越不規則；0%的隨機性會產生圓形。不規則圖形適合用來製作照片、圖示和標題後方的柔和背景。
用途
斑_blob適合放在產品照片、圖示、頭像與標題後方，打造柔和的背景。在文字後方，請使用淺色或低透明度填色，讓文字維持足夠的對比；若要查看毛玻璃後方的斑_blob，請搭配玻璃擬態產生器使用。
編輯
輸出內容是一條由三次貝茲曲線組成的路徑，因此可以在任何向量編輯器中開啟。若要手動修改幾個點，請將它貼到SVG編輯器中。
使用方式
- 選擇點的數量和隨機程度。
- 挑選單色或漸層。
- 按一下產生新的blob，直到找到喜歡的形狀，接著下載或複製SVG。
隱私與限制
形狀在您的瀏覽器中繪製。
相關工具
常見問題
如何把照片放進blob形狀裡？
複製路徑，並在SVG的clipPath中使用；或儲存blob，將它用作照片上方的CSS mask-image。
可以製作blob動畫嗎？
可以：產生兩個點數相同的blob，讓路徑的d屬性在兩者之間製作動畫；點數相同能讓變形更平滑。
有大小限制嗎？
SVG大小為400 × 400，但可縮放到任何尺寸而不失去銳利度。
免費工具・使用在瀏覽器中次・免註冊