HSV ／ HSB

HSV(HSB)

「H」(hue)
・色相
・「色合い」を調整



「S」(saturation)は彩度で「鮮やかさ」を調整
・範囲は0-100%

「V」(Value)は明度で「明るさ」を調整
・範囲は0-100%

「V」を「B」(Brightness/輝度)と称してHSB色空間と呼ぶ場合もある
・HSVとHSBは同じ

---

H

hue
・色相
・「色合い」を調整
・範囲は0-360度
※0～100に変更することも可能

0度は赤色
・「赤、オレンジ、黄色、緑、水色、青、紫色」の順番で色合いが変化していく
・全体表示すると虹色に見える

---

S

saturation
・彩度
・「鮮やかさ」を調整
・範囲は0-100%
※0～255に変更することも可能

100%
・純色

0%
・無彩色（白・黒・灰色）

---

V ／ B

Value ／ Brightness
・輝度

100%
・純色

0%
・黒色

SV記述内容は3種類

A. 階調 … 0 ～ 255
B.パーセンテージ … 0% ～ 100%
C.便宜上最大値を1と設定 … 0 ～ 1

※Hueは常に0°～360°

---

A. 階調

0 ～ 255
・整数
・CSS指定不可

-	最小値	最大値
H	0°	360°
S	0	255
V	0	255

---

B.パーセンテージ

0% ～ 100%
・割合
・CSS指定可

-	最小値	最大値
H	0°	360°
S	0%	100%
V	0%	100%

---

C.便宜上最大値を1と設定

0 ～ 1
・割合
・CSS指定不可

-	最小値	最大値
H	0°	360°
S	0.0	1.0
V	0.0	1.0