グラデーション

Gradient
別名: 階調
ビジュアルデザイン要素

🎮 ライブデモ

📝 説明

一言で説明

2色以上の色が滑らかに変化しながら混ざり合う色彩効果。線形、円形、角度指定などがある。

いつ使う?

ヒーローセクションの背景、目立たせたいボタン、プレミアム感を演出したい要素。

💡 日常の言い方

色がだんだん変わっていく塗り方。オシャレでリッチに見える

🔄 似ている用語との違い

グラデーション vs プライマリカラー

プライマリカラーは単色としての定義。グラデーションは複数の色を組み合わせた視覚効果。

🤖 AIへの指示例

ログインボタンに、左上から右下へ向かう45度の線形グラデーションをかけて。色は深い紫から鮮やかなピンクへ変化させて。