CSS ツール
CSS グラデーション ジェネレーター
色、方向、タイプを自由に設定して
CSSグラデーションコードをすぐにコピー
リニア（線形）
ラジアル（放射状）
🎨
色設定
+ 色を追加（最大3色）
🧭
方向設定
プリセット方向
→
右
←
左
↓
下
↑
上
↘
右下
↙
左下
↗
右上
↖
左上
角度
135°
🎯
放射状設定
形状
円形（Circle）
楕円形（Ellipse）
中心位置
左上
上
右上
左
中央
右
左下
下
右下
👁️
プレビュー
📋
CSS コード
📋 CSS コピー
📄 全コードをコピー
💬 カカオトークで共有
✨
人気プリセット