戻る
グラデーション生成
グラデーションジェネレーター（CSS出力）
JA
shadcn/ui
カラーパレット
クリック: 色追加 | ドラッグ: 位置移動 | ダブルクリック: 削除 | ←→: マーカー選択
グラデーションタイプ
線形
放射状
線形
放射状
0%
100%
プレビュー
↑
↗
→
↘
↓
↙
←
↖
CSS コード
background: linear-gradient(to right, #3b82f6 0%, #8b5cf6 100%);