| ポイント |
<![CDATA[
h = s = v = 0;
if ( r >= g) cmax = r; else cmax = g;
if ( b > cmax) cmax = b;
if ( r <= g) cmin = r; else cmin = g;
if ( b < cmin) cmin = b;
v = cmax;
c = cmax - cmin;
if (cmax == 0) s = 0; else s = c/cmax;
if (s != 0)
{
if (r == cmax)
{
h = (g - b)/c;
}else{
if (g == cmax)
{
h = 2 + (b - r)/c;
}else{
if (b == cmax) h = 4 + ( r - g)/c;
}
}
h = h * 60;
if (h < 0) h = h + 360;
}
]]>
|
| 説 明 |
このプログラムは技術評論社「C言語による最新プログラム辞典」第二巻を参考にJavaScript風にアレンジしたものです。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>RGB→HSV</title>
<script Language="JavaScript"><!--
function RGBtoHSV()
{
r = eval(document.myFORM.red.value);
g = eval(document.myFORM.green.value);
b = eval(document.myFORM.blue.value);
h = s = v = 0;
if ( r >= g) cmax = r; else cmax = g;
if ( b > cmax) cmax = b;
if ( r <= g) cmin = r; else cmin = g;
if ( b < cmin) cmin = b;
v = cmax;
c = cmax - cmin;
if (cmax == 0) s = 0; else s = c/cmax;
if (s != 0)
{
if (r == cmax)
{
h = (g - b)/c;
}else{
if (g == cmax)
{
h = 2 + (b - r)/c;
}else{
if (b == cmax) h = 4 + ( r - g)/c;
}
}
h = h * 60;
if (h < 0) h = h + 360;
}
document.myFORM.H.value = h;
document.myFORM.S.value = s;
document.myFORM.V.value = v;
}
// --></script>
</head>
<body>
RGB → HSV (Hue, Saturation, Value)
<form name="myFORM">
赤(R)：<input type="text" name="red"><br>
緑(G)：<input type="text" name="green"><br>
青(B)：<input type="text" name="blue"><br>
<input type="button" onClick="RGBtoHSV()" value="HSVに変換"><br>
H：<input type="text" name="H"><br>
S：<input type="text" name="S"><br>
V：<input type="text" name="V"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
RGB→HSV