グラデーションジェネレーター
線形・放射状・円錐グラデーションのビジュアルエディター。複数のカラーストップに対応グラデーション設定
カラーストップ
0%
50%
100%
プレビュー
CSS
background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
プリセット
background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);