Web サイトやヒーロー（トップの大きな見出し）背景、SaaS のランディングページ、SNS バナーなどで人気の「メッシュグラデーション」を、色を置くだけで作れる CSS ジェネレーターです。仕組みは、複数の `radial-gradient`（円形グラデーション）を 1 枚の背景に重ねることで、色と色が柔らかく溶け合う立体的なグラデーションを表現します。各カラーポイントは色そのものと配置（X% / Y%）を自由に指定でき、「色を追加」で何色でも増やせます。下地となるベース色を決めると、隙間がそのベース色で埋まり、全体のトーンが安定します。「ブロブの大きさ」スライダーで各色のにじみ（広がり）を調整でき、小さくすると点在した光、大きくすると画面全体を覆う大きな色面になります。配置に迷ったら「ランダム配置」ボタンで位置を一発で振り直せるので、思いがけない良い構図を探せます。プレビューはリアルタイムで更新され、出力は `background-color` と `background-image: radial-gradient(...), ...;` の形でそのまま CSS に貼り付けられ、ワンクリックでコピーできます。Figma や Photoshop を開かなくても、ブラウザだけでメッシュグラデーション背景の CSS が完成します。色や設定はすべてあなたのブラウザ内で処理し、サーバーへアップロード・保存・送信は一切行いません。