CSSグラデーションジェネレーター（CSS Gradient Generator）

2色と角度から linear-gradient の CSS を生成してコピー。

PCスマホタブレット

CSSグラデーションジェネレーター

色2つと角度で linear-gradient のCSSを生成

custom

開始色

#FF4D6D

終了色

#4D7CFF

方向（角度）

135deg

プリセット

生成CSS

background: linear-gradient(135deg, #FF4D6D, #4D7CFF);

使い方・ヒント

プレビュー付きでコードを生成し、コピーしてそのままスタイルに貼れます。

ブラウザごとに見え方がわずかに異なることがあります。