デザインツール
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 105.07909364504116,50 C 103.80064287107774,70.66685242854516 102.54657672042374,71.04004765009958 88.77680330916345,88.77680330916345 C 75.00702989790317,106.51355896822733 71.70444766021782,118.6309766306194 50.00000000000001,120.9470226362555 C 28.295552339782187,123.26306864189159 18.398760903071647,115.77774299077171 1.959012668292175,98.04098733170784 C -14.480735566487297,80.30423167264397 -16.856549919622367,72.92293668534944 -15.758992939117888,50.00000000000001 C -14.661435958613412,27.077063314650573 -10.090507644469387,22.81280415063764 6.349240590310082,6.349240590310096 C 22.78898882508955,-10.114322970017447 28.11465854632322,-15.79429249247836 49.999999999999986,-15.854254241310173 C 71.88534145367674,-15.914215990141985 80.12083299375685,-10.354169965344695 93.89060640501714,6.109393594982848 C 107.66037981627743,22.57295715531039 106.35754441900457,29.333147571454848 105.07909364504116,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.