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

機能の説明

複数のカラーストップと位置を持つ linear・radial・conic の CSS グラデーションを構築します。角度を調整し、ストップを追加・削除して、コピーしてすぐ使える CSS を入手できます - ライブプレビュー付き。100% クライアント側で動作します。

使い方

1. 種類（linear / radial / conic）と、該当する場合は角度を選びます。
2. カラーストップを追加し、各ストップの色と位置を設定します。
3. CSS をコピーします。

例

linear 90°、#6366f1 → #ec4899:

background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

補足事項

• プライベート: すべての生成はローカルで行われます。
• ストップは位置で自動的にソートされます。
• 関連ツール: Color Picker、Palette Generator。