スライドや Web サイト、OGP サムネ、スマホの壁紙などに使う「グラデーション背景画像」を生成するツールです。種類は線形（指定した角度になめらかに色が変わる）と放射（中心から外へ広がる）の2つ。開始色と終了色を選び、必要なら中間色を1つ足して、中間色の位置（％）もスライダーで調整できます。線形では角度（0〜360°）を指定でき、横方向・縦方向・斜めなど自由なグラデーションが作れます。幅と高さ（px）を入力すれば任意サイズで出力でき、1920×1080（FHD）・1200×630（OGP）・1080×1920（9:16 縦）・1080×1080（正方形）などよく使うサイズのプリセットも用意。「色を入れ替え」ボタンで開始色と終了色をワンクリックで反転できます。出力は PNG または JPEG。CSS のグラデーションを画像として書き出したいとき、デザインの下地、配信サムネの背景作りなどに向きます。画像をアップロードする必要はなく、描画と書き出しはすべて端末内（Canvas）で完結します。
使い方
- 種類（線形／放射）を選ぶ。
- 幅と高さ（px）を入力する（プリセットからも選べます）。
- 開始色と終了色を選ぶ。線形なら角度を、必要なら中間色とその位置を調整。
- 「色を入れ替え」で開始色と終了色をワンクリック反転できます。
- 形式（PNG / JPEG）を選び「ダウンロード」で書き出し。画像は送信されません。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。グラデーションの描画と PNG / JPEG 書き出しはすべてブラウザ内（Canvas API）で行われます。生成画像はアップロード・保存・送信されず、あなたの端末内だけで処理されます。
3色以上のグラデーションは作れますか？
開始色・中間色・終了色の最大3色に対応しています。「中間色を使う」をオンにすると中間色が1つ加わり、その位置（％）もスライダーで調整できます。多色グラデーションの中でも実用上もっとも使う構成です。
角度は何を変えますか？
線形グラデーションの向きです。0°で左→右の横方向、90°で上→下の縦方向になり、斜め方向も自由に指定できます。放射グラデーションは中心から外へ広がるため角度の指定はありません（その場合は角度スライダーは隠れます）。
OGP やスマホ壁紙のサイズで出せますか？
はい。幅と高さを px で自由に指定でき、1920×1080（FHD）・1200×630（OGP）・1080×1920（9:16 縦）・1080×1080（正方形）などのプリセットも用意しています。最大 4096px まで指定できます。