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

リニア（任意の角度）、ラジアル（中心から広がる円）、コニック（カラーホイール）に対応しています。いずれも、位置をドラッグできる複数のカラーストップを使用できます。

生成されたbackground行をスタイルシートにコピーするか、bg-[linear-gradient(...)]のようなTailwindの任意値に貼り付けてください。

はい。12種類のプリセット（サンセット、オーシャン、ラジアルスポットライト、コニックレインボーなど）から選び、カラーストップと角度を調整できます。