デザイン
CSSグラデーションジェネレーター
美しいCSSグラデーションを即座に作成。ワンクリックでコードをコピー。
入力
グラデーションの種類、色、角度、プリセットを設定します。
135°
プリセット
まずプリセットを使い、そこから色と角度を細かく調整してください。
出力
background: linear-gradient(135deg, #6366f1, #ec4899);よくある質問
どんなグラデーションを生成できますか？
linear/radial/conic など主要CSSグラデーションを作成できます。
生成コードはどう使いますか？
background または background-image に貼り付けて利用します。
ブラウザ差は出ますか？
最新環境では概ね一致しますが、色空間差で微差が出る場合があります。