HSB

「Hue, Saturation, Brightness」の略です。

HSBは、3つの数値を使って色を定義するカラーモデルです。色相環上の位置を指定し、彩度と明るさを調整して最終的な色を定義します。多くのグラフィックデザインプログラムでは、用途に応じてRGBとHSBのカラーピッカーを切り替えられます。HSBは、HSV（「Hue, Saturation, Value」）としても知られています。

HSBカラーモデルでは、次の3つの属性で色を指定します。

• Hueは、色相環上の角度を0ºから359ºまでの数値で表します。赤は色相環の最上部にある0ºで、その後に黄色の60º、緑の120º、シアンの180º、青の240º、マゼンタの300ºが続きます。
• Saturationは、最終的な色にその色相がどの程度含まれるかを、0～100%の割合で表します。彩度が100%の場合、最も鮮やかな色になります。彩度が0%の場合、明るさの属性に応じて、白、黒、または灰色になります。
• Brightness（またはValue）は、色の明るさを0～100%の割合で表します。明るさが0%の場合は黒になり、明るさが100%の場合は純色になります（彩度が0%の場合は白になります）。

HSBカラーモデルは、RGBモデルと同じ範囲の色を生成できますが、異なる形式で表します。たとえば、RGB値がR:141、G:195、B:126または(16進数値の#8DC37E）の明るい緑色は、色相107º、彩度35%、明るさ76%のHSB値を使った色と同じです。デジタル画像では、その色は引き続きRGB値を使って保存されます。

グラフィックデザイナーは、色を少し調整するときにHSBのカラースライダーをよく使います。たとえば、色の彩度を調整する場合、デザイナーはHSBのカラーピッカーに切り替えて彩度スライダーを1回調整できます。RGBの3つのスライダーを個別に調整する必要はありません。ほとんどのグラフィックデザインおよび画像編集プログラムでは、カラーピッカーにRGB値とHSB値の両方が表示されるため、デザイナーは作業に最適なカラーモデルを使って調整できます。

NOTE: HSBカラーモデルはHSLモデルと似ています。色相には同じ計算方法を使いますが、彩度と明度には異なる計算方法を使います。