SVGブロブジェネレーター（有機的な形）

SVGブロブジェネレーター（有機的な形）: 用途

ポイント数と不規則さ、単色または2色のグラデーションを選び、ワンタップで新しい形を生成します。曲線はすべてのポイントをなめらかに通り、角のない形で閉じます。

SVGをダウンロードするか、コードをコピーするか、マスク（clipPath）版をコピーして、どんな写真もブロブの形に切り抜けます。

使い方

1. ポイント数と不規則さを調整します。
2. 色またはグラデーションを選び、気に入るまで形を生成します。
3. SVGをダウンロードするか、写真用のマスクをコピーします。

使うタイミング

• 写真やイラストの背景。
• 有機的な形のプロフィール写真。
• サイトのセクションや投稿の装飾。

よくある質問

ブロブは何に使えますか？

有機的な形は、四角いレイアウトの堅さをやわらげます。写真、アイコン、イラストの背後、セクションの背景、プロフィール写真のフレームとして映えます。

写真のフレームとして使うには？

マスク用のコード（clip-path）をコピーしてください。同じ図形を相対座標のclipPathとして使い、clip-path:url(#blob)のスタイルを指定した画像が、ブロブの形に切り抜かれます。

アニメーションさせられますか？

はい。同じポイント数の2つの形を生成し、d属性をCSSまたはJavaScriptでアニメーションさせます。動きはゆっくりにして、動きを減らしたい人の設定（prefers-reduced-motion）を尊重してください。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール