| ポイント |
<![CDATA[
X = 0.607 * r + 0.174 * g + 0.200 * b;
Y = 0.299 * r + 0.587 * g + 0.114 * b;
Z = 0.000 * r + 0.066 * g + 1.116 * b;
]]>
|
| 説 明 |
RGBからCIE XYZ CCIR601-1に変換するには以下の計算により求めます。
X = 0.607 * R + 0.174 * G + 0.200 * B
Y = 0.299 * R + 0.587 * G + 0.114 * B
Z = 0.000 * R + 0.066 * G + 1.116 * B
CIE XYZ CCIR709への変換。
X = 0.412 * R + 0.358 * G + 0.180 * B
Y = 0.213 * R + 0.715 * G + 0.072 * B
Z = 0.019 * R + 0.119 * G + 0.950 * B
CIE XYZ ITUへの変換。
X = 0.4305 * R + 0.3415 * G + 0.1784 * B
Y = 0.2220 * R + 0.7067 * G + 0.0713 * B
Z = 0.0202 * R + 0.1295 * G + 0.9394 * B
|
| サンプル |
<![CDATA[
<html>
<head>
<title>RGB→CIE XYZ CCIR601-1</title>
<script Language="JavaScript"><!--
function RGBtoXYZ()
{
r = eval(document.myFORM.red.value);
g = eval(document.myFORM.green.value);
b = eval(document.myFORM.blue.value);
X = 0.607 * r + 0.174 * g + 0.200 * b;
Y = 0.299 * r + 0.587 * g + 0.114 * b;
Z = 0.000 * r + 0.066 * g + 1.116 * b;
document.myFORM.x.value = X;
document.myFORM.y.value = Y;
document.myFORM.z.value = Z;
}
// --></script>
</head>
<body>
<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="RGBtoXYZ()" value="XYZに変換"><br>
X：<input type="text" name="x"><br>
Y：<input type="text" name="y"><br>
Z：<input type="text" name="z"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
RGB→CIE XYZ