🌈 グラデーション作成
2色以上の色を組み合わせて美しいグラデーションを作成しましょう。
✨ プリセット
🎨 色を設定
⚙️ 設定
👁️ プレビュー
📋 CSSコード
background: linear-gradient(to right, #6366f1 0%, #ec4899 100%);💡 グラデーションのコツ
色数は2〜3色がおすすめ
色が多すぎると乱雑に見えることがあります。シンプルさを意識しましょう。
隣り合う色相を使う
色相環で近い色同士は自然なグラデーションになります。
方向を意識する
ボタンは左→右、背景は上→下など、用途に合わせた方向を選びましょう。