🌈 CSSグラデーション生成
方向や色を指定してCSSグラデーションを作成できます。プリセットから選んでカスタマイズも可能です。
使い方・活用例
- ウェブサイトの背景やボタンに使うCSSグラデーションを作成
- デザインカンプのグラデーションをCSSコードに変換
- SNSのカバー画像用のグラデーション背景を生成
- 色の組み合わせを試しながら最適なグラデーションを見つける
よくある質問
グラデーションCSSの作り方は？
カラーピッカーで色を選び、方向や角度を調整すると、CSSグラデーションコードがリアルタイムで生成されます。
プリセットはありますか？
はい。よく使われるグラデーションパターンのプリセットが用意されており、ワンクリックで適用できます。
CSSグラデーションの種類は？
linear-gradient（線形）、radial-gradient（放射状）、conic-gradient（円錐形）の3種類があります。本ツールではCSS コードを自動生成します。
グラデーションの方向はどう指定しますか？
linear-gradientの場合、角度（例: 45deg）または方向キーワード（例: to right）で指定します。本ツールのスライダーで簡単に調整できます。