CSSグラデーションジェネレーター
ライブプレビュー付きで CSS の線形または放射グラデーションを作成し、すぐに使える background ルールをコピーできます。
CSS グラデーションジェネレーター
グラデーションの種類を選び、角度とカラーストップを設定して CSS をコピーします。
グラデーションはまだありません
上で色を選んでから「グラデーションを生成」を押してください。
位置を指定していないストップは、ブラウザが均等に配置します。放射状グラデーションは常に円形です。
すべてブラウザ内で実行されます。何もアップロードされません。
使い方
このツールはブラウザ内で完結するため、プライバシーに配慮しつつ高速です。
1 ⚡
ローカルツールが使い放題今回の実行は 1 クレジットで、履歴に自動保存されます。
ログインすると履歴を保存・表示できます。
使用履歴
まだ記録がありません。
よくある質問
- CSSグラデーションジェネレーターを試すための無料クレジットはありますか？
- はい — 新規アカウントには3の無料クレジットが付与され、CSSグラデーションジェネレーターを含むすべてのツールに使用できます。その後は実行した分だけお支払いいただきます。
- CSSグラデーションジェネレーター の料金はいくらですか？
- すべてブラウザ内で処理し、データはアップロードしません。無料アカウントは1回1クレジット、Pro / Pro+ は回数無制限でご利用いただけます。
- 入力した内容は安全ですか？
- CSSグラデーションジェネレーター は結果の生成にのみ入力を使います。保存された結果は保持ポリシーに従って自動削除され、履歴からいつでも削除できます。
- インストールは必要ですか？
- 不要です。CSSグラデーションジェネレーター は最新のブラウザですぐに使え、ダウンロードやインストールはありません。
関連ツール
同じワークフローで、次に必要になることが多いツール。