SVGブロブ＆背景パターンジェネレーター
SVGブロブ＆背景パターンジェネレーターは、2つのツールを1つにまとめたものです。ひとつは（blobmaker.appのような）ポイント数・ランダム性・色を調整できるランダムな有機的ブロブ形状ジェネレーター、もうひとつはタイルサイズ・線の太さ・前景色・背景色を調整できるシームレスなSVG背景パターンジェネレーター（ドット・グリッド・斜線・波）です。生のSVGコードをそのままコピーしたり、そのまま使えるCSSのbackground-image宣言としてコピーしたり、単独の.svgファイルとしてダウンロードすることもできます。生成処理はすべて純粋な数学計算によりブラウザ内で行われ、サーバーへのアップロードは一切ありません。
デザイン・CSSツール ブラウザ内で完結
グラフィックはすべてブラウザ内で生成されます — サーバーに送信されることは一切ありません。
SVGコード
<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>
よくある質問
はい、パターンモードでは、そのままスタイルシートに貼り付けて使えるbackground-image用CSS宣言をコピーできます。