CSSグラデーション生成ツール
無料のオンラインCSSグラデーション生成ツール。linear・radial・conicグラデーションをリアルタイムプレビューで作成し、CSSコードをワンクリックでコピー。
プリセット
グラデーションタイプ
角度: 135°
カラーストップ
0%
100%
CSSコード
background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);使い方
グラデーションタイプを選択
Linear（線形）・Radial（放射）・Conic（円錐）から選びます。LinearとConicは角度スライダーで方向を調整できます。
カラーストップをカスタマイズ
カラーピッカーで色を選ぶか、HEXコードを直接入力します。スライダーで各ストップの位置（0〜100%）を調整してください。
CSSをコピー
「コピー」ボタンをクリックしてCSSのbackgroundプロパティをコピーし、スタイルシートに直接貼り付けて使用できます。