SVG Blob Generator
有機的な流体シェイプをランダム生成
パラメータ調整
6 pts
Lv.6
#8a3ffc
実際の使用例
シンプルなBlob
Complexity: 5, Contrast: 3
INPUT
Parameters
OUTPUT
滑らかな丸みを帯びた形状
よくある質問
はい、生成されたBlobは著作権フリーで、商用・個人を問わず自由にご利用いただけます。
ダウンロードしたSVGをCSSのbackground-imageに設定するか、HTML内に直接インラインSVGとして配置し、z-indexで背面に配置するのが一般的です。
役立つTips
デザインのアクセントに
単調になりがちなWebデザインの背景に、薄い色のBlobを配置すると、モダンで柔らかい印象を与えることができます。
画像のマスクとして
CSSのclip-pathプロパティやSVGのmask要素と組み合わせることで、写真を有機的な形に切り抜くことができます。