SVG 有機形狀產生器
自動產生有機不規則形狀的 SVG 圖形。 調整隨機性和複雜度，用作網頁設計裝飾元素。
#6366f1
預覽
SVG
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>分享此工具
📖
使用方法
Step 1
設定參數
設定複雜度、隨機性、大小等參數
→
Step 2
產生形狀
產生並預覽隨機 Blob 形狀
→
Step 3
複製 SVG
複製 SVG 程式碼或下載為圖片
✨
功能特色
一鍵產生
一鍵即時產生獨特的 Blob 形狀
完全自訂
自由調整複雜度、隨機性、顏色和漸層
多種匯出格式
可匯出為 SVG 程式碼、SVG 檔案、PNG 圖片等
❓
FAQ
隨機產生的有機、圓滑、不定形形狀。在網頁設計中很受歡迎，常用作裝飾元素。
🔗相關工具
🎨
設計工具色碼換算工具
在 HEX、RGB 和 HSL 色碼之間互換。 使用顏色選擇器和即時預覽直觀選色。
🎨
設計工具色彩選擇器
使用色輪和滑桿直覺地選取顏色。 取得並複製 HEX、RGB 和 HSL 格式的色彩代碼。
🎨
設計工具圖片色彩擷取器
自動偵測圖片中的主要色彩並生成色彩調色盤。 也可以點擊圖片上的任意位置來取得個別色彩。
🎯
設計工具圖片平均色彩擷取器
計算整張圖片或選定區域的平均色彩。 適合用於選擇配色方案或縮圖背景顏色。
🌈
設計工具CSS 漸層產生器
使用拖動控制視覺化建立 CSS 漸層。 支援線性、放射狀和圓錐漸層類型及預設。
🔲
設計工具CSS 陰影產生器
使用滑桿視覺化建立 CSS box-shadow。 支援多重陰影和內陰影。