状態:-
閲覧数:2,259
投稿日:2016-04-29
更新日:2016-04-29
2種類
円錐モデル
円柱モデル
Hue ／ Saturation ／ Value
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%
・黒色
24ビットカラーにおけるHSV要素範囲 ／ 最小値 ～ 最大値
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 |