| ポイント |
<![CDATA[
b = Cb + Y;
r = Cr + Y;
g = (Y - (0.299*r) - (0.114*b)) / 0.587;
]]>
|
| 説 明 |
YCbCr（輝度と色差）からRGBに変換するには以下の計算により求めます。
B = Cb + Y
R = Cr + Y
G = (Y - (0.299*R) - (0.114*B)) / 0.587
または
R = Y + 0.000 * U + 1.140 * V
G = Y - 0.396 * U - 0.581 * V
B = Y + 2.029 * U + 0.000 * V
|
| サンプル |
<![CDATA[
<html>
<head>
<title>YCbCr→RGB</title>
<script Language="JavaScript"><!--
function YCbCrtoRGB()
{
Y = eval(document.myFORM.y.value);
Cb = eval(document.myFORM.cb.value);
Cr = eval(document.myFORM.cr.value);
b = Cb + Y;
r = Cr + Y;
g = (Y - (0.299*r) - (0.114*b)) / 0.587;
document.myFORM.red.value = r;
document.myFORM.green.value = g;
document.myFORM.blue.value = b;
}
// --></script>
</head>
<body>
<form name="myFORM">
Y：<input type="text" name="y"><br>
Cb：<input type="text" name="cb"><br>
Cr：<input type="text" name="cr"><br>
<input type="button" onClick="YCbCrtoRGB()" 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>
]]>
|
| 補足説明 |
YCbCr = YUVです。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
YCbCr→RGB