SVG Blob生成

背景用の有機的なブロブ形状を生成

ブラウザ処理データはブラウザの外に出ることはありません

Blob Settings

Complexity6
Contrast50%
Fill Color:

Preview

SVG Code

<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <path d="M 320.18 200.00 C 320.62 247.37, 316.01 322.58, 283.38 344.42 C 250.74 366.25, 161.02 355.07, 124.36 331.01 C 87.71 306.94, 65.65 247.48, 63.45 200.00 C 61.25 152.52, 74.95 69.43, 111.16 46.13 C 147.37 22.83, 245.88 34.55, 280.71 60.20 C 315.55 85.84, 319.74 152.63, 320.18 200.00 Z" fill="#3b82f6" />
</svg>

Path Data

M 320.18 200.00 C 320.62 247.37, 316.01 322.58, 283.38 344.42 C 250.74 366.25, 161.02 355.07, 124.36 331.01 C 87.71 306.94, 65.65 247.48, 63.45 200.00 C 61.25 152.52, 74.95 69.43, 111.16 46.13 C 147.37 22.83, 245.88 34.55, 280.71 60.20 C 315.55 85.84, 319.74 152.63, 320.18 200.00 Z

Quick Colors

About SVG Blob生成

背景用の有機的なブロブ形状を生成

Use this free online svgツール tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.