色のグラデーション

色彩科学では、色グラデーション(色ランプまたは色進行とも呼ばれる) は、位置に依存する色の範囲を指定し、通常は領域を塗りつぶすために使用されます。

一連の値に色を割り当てる場合、グラデーションは連続したカラーマップ、つまりカラースキームの一種です。コンピュータグラフィックスでは、スウォッチ^[1]という用語はアクティブな色のパレットを意味するようになりました。

• 現実世界のカラーグラデーションや色見本帳
• 
  RAL CLASSIC K5 カラーファン
• 
  パントンカラーガイド
• 
  パントンの基本色とブレンドのカード
• 
  HKSカラーファン

• 色のグラデーションは、線形順序（順序付き）に配置された色のセットです。
• 連続カラーマップは色空間を通る曲線である

• RGB色空間を通る曲線
• 
  グレー
• 
  キューブヘリックス^[2]
• 
  HSVレインボー
• 
  分岐^[3]

カラーマップ^[4]は、実数値rを色空間の点cに関連付ける関数である。 ${\displaystyle C}$

${\displaystyle f:[r_{min},r_{max}]\subset \mathbf {R} \to C}$

これは次のように定義されます:

• 色空間C
• 増加するサンプリングポイントのシーケンス${\displaystyle r_{0}}\in [r_{min},r_{max}]}$
• 色空間内の値の系列${\displaystyle c_{0},...,c_{m}\in C}$
• マッピング​ ${\displaystyle f(r_{i})=c_{i},i=0,...,m}$
• 中間値を補間するための規則${\displaystyle r_{i-1} <r<r_{i}\in [r_{min},r_{max}]}$

どこ：

• rは実数である ${\displaystyle r\in [r_{min},r_{max}]\subset \mathbf {R} }$
• ${\displaystyle \mathbf {R} }$ 実数の集合である
• c は色空間C内の色= 点である

分類基準:

• 寸法
• 離散的（分類、配色）^[5] / 連続的
• 形
• 範囲: 完全または制限付き。例:彩度の範囲が制限されたパステルカラー。
• 知覚の均一性^[6]
• 注文
  • 順序付き（シーケンシャル）と順序なし（カテゴリ）
  • 知覚秩序
• 色覚異常者や色弱者にとって読みやすい（色弱者向け）
• 色空間
• 色深度

• 1D
• 2D: ^[7] 多変量マップ、二変量または三変量
• 3D

軸方向のカラーグラデーション（線形カラーグラデーションとも呼ばれる）は、2つの点と各点の色で指定されます。これらの点を通る線に沿った色は線形補間を使用して計算され、その線に対して垂直に延長されます。デジタル画像システムでは、色は通常、線形ではなくガンマ圧縮されたRGB色値を使用してRGB色空間で補間されます。CSSとSVGはどちらも線形グラデーションをサポートしています。^{[8] [9]}

放射状グラデーションは、端に1つの色、中心に​​別の色を持つ円として指定されます。色は中心からの距離に基づいて線形補間によって計算されます。これは、点光源からの光の拡散反射を球で近似するために使用できます。^[要出典] CSSとSVGの両方が放射状グラデーションをサポートしています。^{[10] [11]}

円錐グラデーションは、中心から放射状に広がるのではなく、中心点の周りを回転する色の遷移を持つグラデーションです。円錐グラデーションの例には、円グラフやカラーホイールがあります。^{[12]円錐グラデーションは、「スイープグラデーション」（} OpenType仕様など）または角度グラデーションと呼ばれることもあります。

ベクター グラフィックス では、 Adobe Illustratorでサポートされているグラデーション メッシュなどのポリゴン メッシュを使用できます。

• 
  韓国
• 
  HSV

グラデーションの外観は、色自体によって変わるだけでなく、計算が実行される色空間によっても変わります。この問題が重要になるのは通常、次の 2 つの理由からです。

• 色空間へのガンマ補正。典型的なγは約2なので、ガンマ対応の色空間は、2つの数値の二乗の合計がその合計の二乗よりも大きくなることはないため、線形強度の色空間よりも暗くブレンドされることは容易にわかります。この効果は、赤と緑のような補色をブレンドする場合に最も顕著で、中央の色が予想される黄色ではなく暗い色になります。^{[13] [14]}このページの放射状および円錐状の例では、このエラーが明確に示されています。
• その他の知覚特性の取り扱い。情報視覚化においては、いわゆる「平坦」なグラデーションが途中で明度や彩度に非単調な変化を示すことは望ましくない。これは、人間の視覚がこれらの性質を強調し、解釈に偏りや混乱を引き起こすためである。^[15]

「線形」ブレンドは物理的な光のブレンドに一致し、長い間ゲームエンジンの標準でした。 ^[16]しかし、ウェブでは、色のグラデーションと画像のスケーリングの両方で長い間無視されてきました。^[17]このようなブレンドは、知覚的に均一な色空間で行われたブレンドとは微妙な違いがあります。^[18]

• 2D RGB プロファイル
• 
• 
• 
• 
• 
• 
• 

• HSV カラーホイールのグラデーション
• 
  単色グラデーション​
• 
  多色（多色）カラーグラデーション

• HSVレインボー
• 
  RGB 2D プロファイル
• 
  HSV 2Dプロファイル
• 
  3D RGB プロファイル

• ヒートマップのように定量的または順序的な値を表します。より正確な説明はカラーボックスに記載されています。^[19]
  • データの視覚化
• 領域を塗りつぶす: ^[20]多くのウィンドウマネージャでは、画面の背景をグラデーションとして指定できます。グラデーションによって生成される色は位置に応じて連続的に変化し、滑らかな色の変化を生み出します。
• ダウンロード、ファイル転送、インストールなどの長時間のコンピュータ操作の進行状況を視覚化します。進行状況バーを参照してください。
• 地図に色を付ける

• 物理学における色のグラデーション
• 
  色温度黒体800-12200K
• 
  可視光スペクトルの色
• 
  分類された色のグラデーション
• 
  落ち着いたカラーグラデーションを使用した温かみのあるストライプ

Wikibooksには、色/色のグラデーションに関する本があります。

ウィキメディア・コモンズには、カラーグラデーションに関連するメディアがあります。

• ぼかし（印刷）
• 色の縞模様
• 色の違い
• カラーグレーディング
• カラーマッピング; ある画像の色を別の画像の色にマッピング（変換）する機能
• 拡散曲線
• ディザリング
• 画像のグラデーション
• マッハバンディング
• オンブレ
• パレット; 特定の順序のない有限の色の集合
• 知覚的に均一な 色空間
• ポスタリゼーション
• カラーチャート
• 見本帳（紙の色見本帳やRAL CLASSIC K5カラーファン、パントンカラーガイドなど）