スペース シャッフル · Ctrl+Z 元に戻す
CSS
/* 生成中… */パレット
プリセット
グラデーションタイプ
有機
粒スタイル
ブレンドモード
書き出しサイズ
Favorites
1000×563px で書き出し
スペース シャッフル · Ctrl+Z 元に戻す
CSS
/* 生成中… */1000×563px で書き出し
有機・線形・放射・円錐のグラデーション背景を作成。粒状感やテクスチャを追加し、パレットを選んでPNGまたはSVGで書き出し。アカウント不要、ブラウザで使って数秒でダウンロード。
ヒーロー、ランディング、スプラッシュ。2000pxでRetina対応書き出し。
投稿やシェア用画像。1:1や16:9でプロジェクトにドロップ。
スライド、ポスター。SVGはくっきり、PNGはどこでも使えます。
グラデーションタイプ（有機・線形・放射・円錐）を選び、パレットの色を増減し、広がりとテクスチャを調整。アスペクト比と長辺サイズを設定してPNGまたはSVGで書き出し。スペースキーで新しいバリエーション。
すべての書き出しは個人・商用利用ともにロイヤリティフリーです。
ワンクリックでグラデーション（夕焼け、海、オーロラなど）。自分用を保存していつでも読み込み。
デザイン全体をエンコードしたリンクをコピー。開いた人が同じグラデーション・色・設定を見られます。
画像をアップロードしてパレットを抽出。主な色をサンプリングしてグラデーションストップを埋めます。
セッション全体の履歴。Ctrl+Z / Ctrl+Shift+Zで元に戻す・やり直してから書き出し。
ワンクリックで貼り付け用CSS：グラデーションと粒レイヤー（mix-blend-mode付き）。
ノイズ（細かく）、フィルム（粒状）、スキャンラインから選択。グラデーションに異なるテクスチャを付けられます。
オーバーレイ、乗算、ソフトライトなどで粒の乗せ方を調整。
アスペクト比（1:1、16:9、9:16、4:3、3:4）と長辺（500、1000、2000px）。PNG・SVG共通。
いいえ。ブラウザでジェネレーターを使い、登録なしでPNGまたはSVGをダウンロードできます。
はい。すべての書き出しは個人・商用利用ともにロイヤリティフリーです。
アスペクト比：1:1、16:9、9:16、4:3、3:4。長辺：500、1000、2000px。
PNGはラスター（ピクセル）で固定サイズ向け。SVGはスケーラブル。どちらもテクスチャ付き。
有機・線形・放射・円錐をワンクリックで切り替え。テクスチャスライダーで粒を追加し、書き出しをプレビューに合わせます。
高品質PNGまたはスケーラブルなSVGをダウンロード。どちらもテクスチャ付き。アスペクト比と長辺（500、1000、2000px）を選んで書き出し。透かし・登録なし。
グラデーションのリンクをコピーして、誰でも同じデザインを開けます。またはCSSをコピーしてプロジェクトに貼り付け。グラデーションとテクスチャが1つのスニペットで。登録不要。