CSSグラデーション生成 - linear/radial/conicを作成

使い方

1. グラデーション種別（linear/radial/conic）を選択
2. 色ストップを追加・編集
3. 方向・角度を設定
4. CSSコードをコピー

よくある質問

どのグラデーション種類に対応していますか？

linear-gradient、radial-gradient、conic-gradientに対応しています。

色のストップ数に制限はありますか？

複数の色ストップを自由に追加できます。

生成されたCSSはそのまま使えますか？

はい。コピーしたコードをそのままCSSファイルに貼り付けて使用できます。

データはサーバーに送信されますか？

処理はブラウザ上で完結し、データはサーバーに送信されません。

グラデーションの角度はどのように指定しますか？

linear-gradientの場合、スライダーまたは数値入力で0〜360度の角度を指定できます。角度に応じてプレビューがリアルタイムに更新されます。

関連ツール