CSSグラデーション生成

// FAQ

対応しているグラデーションの種類は？

linear-gradient（線形）、radial-gradient（放射状）、conic-gradient（円錐状）の3種類に対応しています。ボタンで切り替えて、それぞれのプレビューを確認できます。

カラーストップは何個まで追加できますか？

最小2個から最大8個まで追加できます。各ストップの色はカラーピッカーまたはHEXコード入力で指定し、位置は0〜100%の範囲でスライダーで調整できます。

生成したCSSコードはそのまま使えますか？

はい、COPYボタンでクリップボードにコピーし、そのままCSSファイルに貼り付けて使用できます。background プロパティとして出力されるので、任意の要素に適用可能です。

ブラウザの互換性は？

linear-gradientとradial-gradientはモダンブラウザ全てで対応しています。conic-gradientはChrome、Edge、Safari、Firefoxの最新版でサポートされています。

透明色（transparent）は使えますか？

カラーピッカーでは透明色の直接指定はできませんが、HEXコード入力欄に半透明の色コードを入力することで近い表現が可能です。生成されたCSSを手動で編集してrgba()を使うこともできます。

プリセットはカスタマイズできますか？

はい、プリセットを適用した後に色・角度・位置を自由に変更できます。プリセットはデザインの出発点として活用し、そこから好みに合わせて調整するのがおすすめです。