カテゴリー:
色変換
閲覧数:464 配信日:2016-06-19 09:15
色相H範囲 / 0°~360°
Rが最大値の場合
・色相 H = 60 × ((G - B) ÷ (MAX - MIN))
Gが最大値の場合
・色相 H = 60 × ((B - R) ÷ (MAX - MIN)) +120
Bが最大値の場合
・色相 H = 60 × ((R - G) ÷ (MAX - MIN)) +240
色相H範囲 / 0~1
上記を360°で割る
Rが最大値の場合
・H = ((G - B) / (MAX - MIN)) / 6;
Gが最大値の場合
・H = ((B - G) / (MAX - MIN)) / 6 + 1 / 3;
Bが最大値の場合
・H = ((R - G) / (MAX - MIN)) / 6 + 2 / 3;
function _calcHueNorm(r, g, b) {
var color_arr = [r, g, b];
var H = 0.0;
// 等しいとき
if ((R == G) && (G == B)) {
H = 0.0;
} else if ((R >= G) && (R >= B)) {
// R最大の場合
H = ((G - B) / (MAX - MIN)) / 6;
} else if ((G >= R) && (G >= B)) {
// G最大の場合
H = ((B - G) / (MAX - MIN)) / 6 + 1 / 3;
} else if ((B >= R) && (B >= G)) {
// B最大の場合
H = ((R - G) / (MAX - MIN)) / 6 + 2 / 3;
}
// 求めたhueが 0以下なら1足す
if (H < 0) {
H += 1;
}
return H;
}
function _calcHue(r, g, b) {
return Math.round(this._calcHueNorm(r, g, b) * 360);
}
Gが最大値の場合
B-G or B-R
・B-GをB-Rへ変更しても結果は同じ
・理由不明
B-GとB-Rの違いは、どこを基準とした長さの比率を求めるか
・それぞれ結果は異なると思うが、そうではない?
・考え方A.長さの比率で角度60°を分割 / R≧B≧G
今後の方針
これ以上は理解できそうにないので、コードを正として場合分けしていく
→ RGB → 色相H 計算方式の違い