グラデーションジェネレーター

グラデーションは、ウェブサイトの背景、カバー、バナー、スマートフォンの壁紙などに使われます。このページは2〜5色のなめらかなグラデーションを描き、必要なサイズの画像として保存するか、そのままCSSコードとして出力します。

グラデーションは3種類から選べます。線形は任意の角度の直線に沿って、円形は中心から同心円状に広がり、円錐は中心のまわりにカラーホイールのように展開します。角度はスライダーで調整でき、プレビューはすぐに更新されます。

色はパレットから選び、ボタン1つで色を追加したり削除したりできます。自分で選びたくない場合は、用意された組み合わせや、ランダムなグラデーションのボタンが使えます。気に入るものが出るまで押してみるのに便利です。

画像の横には、ファイルを使わずにページ上で同じグラデーションを表示できるCSSのルールが表示されます。その行をコピーして、スタイルシートに貼り付けるだけです。画像サイズは1〜8000ピクセルで指定できます。

画像はブラウザ内で作成され、サーバーには送信されないため、ページを読み込んだあとはオフラインでも動作します。保存形式はPNG、JPG、WebPから選べます。なめらかなグラデーションにはノイズの出ないPNGが向いています。