グラデーション
読み: ぐらでーしょん
2つ以上の色が滑らかに変化する表現。背景やオーバーレイとして広く使われる。
グラデーション (Gradient) は、ある色から別の色へ段階的に滑らかに変化する表現である。Web デザインの背景、バナー画像、SNS 投稿のオーバーレイなど幅広い場面で使われ、単色では出せない奥行きや動きを演出できる。
グラデーションの種類には、線形 (一方向に直線的に変化)、放射状 (中心から外側に向かって変化)、円錐形 (角度に沿って変化) などがある。2 色間の変化が基本だが、複数の色を経由するマルチカラーグラデーションも作成可能である。色の変化点 (カラーストップ) の位置を調整することで、変化の速さや範囲を細かく制御できる。
塗りつぶしの一種としてグラデーションを適用すれば、選択範囲内に色の変化を付けられる。CSS の linear-gradient や radial-gradient を使えば、画像ファイルを使わずに Web ページ上でグラデーション背景を実現できる。画像処理のグラデーションとは文脈が異なるが、色の連続的変化という本質は共通している。