HSV2種類
状態:-
閲覧数:2,157
投稿日:2016-04-20
更新日:2016-04-21
円錐モデル
・彩度 … 最大値と最小値の差
円柱モデル
・彩度 … 「最大値と最小値の差」の「最大値」に対する割合
HSV
・彩度 … 最大値と最小値の差
円柱モデル
・彩度 … 「最大値と最小値の差」の「最大値」に対する割合
RGB(33,150,243)
HSV
| - | 色相範囲が0～360 | 色相範囲が0～100 |
|---|---|---|
| 彩度明度範囲が0～100 | 206°, 89%, 54% | 57°, 89%, 54% |
| 彩度明度範囲が0～255 | 206°, 228%, 138% | 57°, 228%, 138% |
RGB → HSV
RGB色空間からHSV色空間へ変換
R(red) : 赤色 0-255の数値
G(green): 緑色 0-255の数値
B(blue) : 青色 0-255の数値
33, 150, 243
1.RGBの最大値最小値
RGBの最大値最小値を求める
最大値
・243
最小値
・33
2.色相（Hue）
条件分岐
・1.最大値=最小値
・2.最大値R
・3.最大値G
・4.最大値B
JavaScript
・RGB ⇔ HSV 2
・RGB ⇔ HSV 3
PHP
・RGB ⇔ HSV 2
理解できない
if ($R == $minRGB)
$h = 3 - (($G - $B) / $chroma);
elseif ($B == $minRGB)
$h = 1 - (($R - $G) / $chroma);
else // $G == $minRGB
$h = 5 - (($B - $R) / $chroma);
・RGB → HSV