デザインツール
Blobシェイプジェネレーター
モダンウェブデザインのためのオーガニックなブロブ形状を生成
形状
5
50%
400px
0°
色
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 103.88593483930322,50 C 100.9264166318431,71.32752322630066 100.20749374750685,71.76308100470229 86.73601003768104,86.73601003768104 C 73.26452632785524,101.7089390706598 71.42914426795079,106.83057688280476 50.00000000000001,109.89171613191502 C 28.570855732049225,112.95285538102527 15.496277017685722,113.95349606710084 1.0194329658779182,98.98056703412209 C -13.457411085929886,84.00763800114333 -8.04714157408165,74.3505181502106 -7.907376207231209,50.00000000000001 C -7.767610840380769,25.64948184978941 -12.89834961852812,16.050178330789684 1.5784944332796798,1.578494433279694 C 16.055338485087482,-12.893189464230298 25.75110289143953,-7.848591264839648 49.99999999999999,-7.886735590039962 C 74.24889710856046,-7.924879915240275 85.10259915769574,-13.045766765031551 98.57408286752154,1.425917132478439 C 112.04556657734734,15.89760102998843 106.84545304676334,28.67247677369935 103.88593483930322,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>Blobシェイプジェネレーターとは？
モダンウェブデザインのためのオーガニックなブロブ形状を生成
Blobシェイプジェネレーターは、ブラウザで直接動作する無料のオンラインツールです。インストールやサインアップは不要です。すべての処理はデバイス上でローカルに行われ、データのプライバシーとセキュリティが確保されます。
なぜBlobシェイプジェネレーターを使うべきですか？
- ✓100%無料 - 隠れた費用やプレミアム機能はありません
- ✓登録不要 - アカウント作成なしですぐに使えます
- ✓プライバシー重視 - すべての処理はブラウザで行われます。データはサーバーに送信されません
- ✓超高速 - サーバー遅延なしで即座に結果を確認できます
使い方
- 上の入力エリアにテキストを入力または貼り付けてください
- ツールが自動的に入力を処理します
- 結果をコピーするかファイルとしてダウンロードしてください
機能
- ✓ランダムblob形状生成
- ✓複雑さ制御
- ✓サイズカスタマイズ
- ✓SVG/CSSエクスポート
- ✓アニメーションblob
よくある質問
How can I animate blob shapes?
Generate multiple blob keyframes and use CSS animations or JavaScript to transition between them.