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

CSSグラデーションジェネレーター: 用途

このジェネレーターは、好きな数の色で線形（角度指定）または放射状のグラデーションを作成します。プレビューは即座に変わり、CSSコードはそのままコピーできます。

グラデーションを1920×1080のPNG画像としてダウンロードし、背景に使うこともできます。

使い方

1. タイプと角度を選びます。
2. 色と位置を調整します。
3. CSSをコピーするか、PNGをダウンロードします。

使うタイミング

• Webサイトやボタンの背景。
• 壁紙やスライドの背景。
• 色の組み合わせを試す。

よくある質問

すべてのブラウザーで動作しますか？

はい。生成されるCSSはlinear-gradientとradial-gradientを使っており、現在のすべてのブラウザーが対応しています。

画像としてダウンロードできますか？

はい。「PNGをダウンロード」ボタンで、グラデーションの1920×1080画像が作成されます。壁紙やスライドの背景に便利です。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール