重點整理
Blobmaker（blobmaker.app）是 z creative labs 做的免費不規則形狀產生器，打開網頁就能用。只要三步：輸入色碼、拖拉「複雜度」與「對比度」兩個滑桿（或按骰子隨機產生），再下載 SVG 或複製程式碼。2026 年 10 月網站頁首註明 Blobmaker 已成為 Haikei.app 的一部分，但原本的 Blobmaker 頁面仍可正常使用。
做簡報或網頁時，PowerPoint 內建的圓形、矩形用久了很單調，想要那種圓潤、不規則的色塊當背景裝飾，自己用鋼筆工具畫又很費工。Blobmaker 專門解決這件事：用滑桿調整形狀，幾秒就能產生一個獨一無二的不規則圖形。這篇會示範 Blobmaker 的操作步驟，以及下載後怎麼放進簡報和網站。
Blobmaker 是什麼？
Blobmaker 是一個免費的生成式設計工具，用隨機資料產生平滑、有機感的 SVG 不規則形狀（英文常叫 blob）。不需要註冊，畫面下方的工具列就是全部功能：
- 色碼欄：輸入 HEX 色碼，例如
#FF0066，改變色塊顏色。 - 複雜度滑桿（三角形到五邊形圖示）：控制形狀的節點數，越往右越多凹凸。
- 對比度滑桿（圓形到不規則圖示）：控制節點之間的差異，越往右形狀越不規則。
- 下載、程式碼、骰子按鈕：下載 SVG、複製 SVG 程式碼、隨機產生新形狀。
Blobmaker 使用教學
步驟一：開啟 Blobmaker
進入 blobmaker.app，畫面中間會直接出現一個預設的色塊，可以馬上開始調整。
步驟二：輸入色碼、拖拉滑桿調整形狀
在左下角色碼欄輸入品牌色，再左右拖拉兩個滑桿調整形狀。想不到要什麼形狀時，連按右邊的骰子按鈕，每按一次就隨機產生一個新的，直到看到喜歡的為止。
步驟三：下載 SVG 或複製程式碼
按工具列的下載按鈕會存成 SVG 檔；按「< >」按鈕則是把 SVG 程式碼複製到剪貼簿，可以直接貼進網頁的 HTML。
下載的 SVG 怎麼用？
- 簡報：Microsoft 365 版本的 PowerPoint 可以直接插入 SVG，插入後還能改填色；不支援 SVG 的軟體，可以先用線上工具轉成 PNG 再放入。
- WordPress 網站：WordPress 預設不允許上傳 SVG，可以把複製的 SVG 程式碼貼到「自訂 HTML」區塊，或用支援 SVG 的外掛上傳。
- 設計軟體：Illustrator、Figma 都能開啟 SVG，之後再疊加文字或圖片。
Blobmaker 和 Haikei 有什麼關係？
Blobmaker 網站頁首寫著它已成為 Haikei 的一部分。Haikei 是同一團隊推出的背景與圖形產生器，除了不規則色塊，還能做波浪、層疊、漸層等背景。只需要單一色塊的話，原本的 Blobmaker 就夠用；想做整張網頁背景，再試試 Haikei。同團隊的 getwaves.io 則專門做網頁區塊之間的波浪分隔線。
常見問題
Blobmaker 要錢嗎？
不用，Blobmaker 免費使用、不需註冊，打開網頁就能產生並下載 SVG 不規則形狀。
不規則形狀可以做成漸層嗎？
Blobmaker 只提供單一色碼。想要漸層，可以把 SVG 匯入 Illustrator、Figma 或 PowerPoint 後再改成漸層填色，或改用 Haikei 的相關產生器。
Blobmaker 做的形狀可以用在商業設計嗎？
官網沒有寫明授權條款，但形狀是由你調整參數隨機產生的。若要用在重要的商業專案，建議先寫信向 z creative labs 確認。
結語
Blobmaker 用一個色碼欄、兩個滑桿和一顆骰子，就能做出圓潤自然的不規則色塊，下載成 SVG 後放大縮小都不失真，簡報、網頁背景、社群圖都派得上用場。下次覺得版面太死板，可以先來這裡產生幾個色塊試試。