| ポイント |
<![CDATA[
r = 1.9104 * X - 0.5338 * Y - 0.2891 * Z;
g = -0.9844 * X + 1.9985 * Y - 0.0279 * Z;
b = 0.0585 * X - 0.1187 * Y + 0.9017 * Z;
]]>
|
| 説 明 |
CIE XYZ CCIR601-1からRGBに変換するには以下の計算により求めます。
R = 1.9104 * X - 0.5338 * Y - 0.2891 * Z
G = -0.9844 * X + 1.9985 * Y - 0.0279 * Z
B = 0.0585 * X - 0.1187 * Y + 0.9017 * Z
CIE XYZ CCIR709からの変換。
R = 3.241 * X - 1.537 * Y - 0.499 * Z
G = -0.969 * X + 1.876 * Y + 0.042 * Z
B = 0.056 * X - 0.204 * Y + 1.057 * Z
CIE XYZ ITUからの変換。
R = 3.0527 * X - 1.3928 * Y - 0.4759 * Z
G = -0.9689 * X + 1.8756 * Y + 0.0417 * Z
B = 0.0585 * X - 0.2286 * Y + 1.0690 * Z
|
| サンプル |
<![CDATA[
<html>
<head>
<title>CIE XYZ CCIR601-1→RGB</title>
<script Language="JavaScript"><!--
function CIEtoRGB()
{
X = eval(document.myFORM.x.value);
Y = eval(document.myFORM.y.value);
Z = eval(document.myFORM.z.value);
r = 1.9104 * X - 0.5338 * Y - 0.2891 * Z;
g = -0.9844 * X + 1.9985 * Y - 0.0279 * Z;
b = 0.0585 * X - 0.1187 * Y + 0.9017 * Z;
document.myFORM.red.value = r;
document.myFORM.green.value = g;
document.myFORM.blue.value = b;
}
// --></script>
</head>
<body>
<form name="myFORM">
X：<input type="text" name="x"><br>
Y：<input type="text" name="y"><br>
Z：<input type="text" name="z"><br>
<input type="button" onClick="CIEtoRGB()" value="RGBに変換"><br>
赤(R)：<input type="text" name="red"><br>
緑(G)：<input type="text" name="green"><br>
青(B)：<input type="text" name="blue"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
CIE XYZ→RGB