Web デザインでよく使う、セクションとセクションの間に置く「波（ウェーブ）」の区切り SVG を、コードを手書きせずブラウザだけで作れるジェネレーター（メーカー）です。色を選び、層（レイヤー）を 1〜3 枚重ねると、後ろの層は薄く・前の層は濃くなって奥行きのある重なった波になります。高さ（振幅）と波の数（山の数）をスライダーで変え、「ランダム」を押すたびに波形がランダムに振り直されるので、気に入った形が出るまで何度でも試せます。左右反転・上下反転のチェックで、ページ上部に置く下向きの波／下部に置く上向きの波のどちらにも切り替えられます。出力は 2 通り。`<svg viewBox="0 0 1440 320">` から始まる SVG コードをそのまま HTML に貼るか、`background-image: url("data:image/svg+xml,…")` の形にした CSS background をコピーして任意の要素の背景に敷けます。プレビューは横幅いっぱい（1440×320 の比率）で表示され、市松模様の背景で透過部分が分かります。「SVG を保存」で wave.svg としてダウンロードもできます。色・層・高さ・波の数・反転の設定はブラウザに保存され、次回も同じ状態から始められます。波形の生成・プレビュー・コード化はすべてあなたのブラウザ内で完結し、サーバーへのアップロード・保存・送信は一切行いません。