| ポイント |
<![CDATA[
Y = 0.30 * r + 0.59 * g + 0.11 * b;
I = 0.60 * r - 0.28 * g - 0.32 * b;
Q = 0.21 * r - 0.52 * g + 0.31 * b;
]]>
|
| 説 明 |
RGBからYIQに変換するには以下の計算により求めます。
Y = 0.30 * R + 0.59 * G + 0.11 * B
I = 0.60 * R - 0.28 * G - 0.32 * B
Q = 0.21 * R - 0.52 * G + 0.31 * B
またはYCbCrからは以下の式。
Y =0.299 * R + 0.587 * G + 0.114 * B
Cb = B - Y
Cr = R - Y
I = (cos33°* Cr)/1.14 - (Cb * sin33°)/2.03
Q = (sin33°* Cr)/1.14 - (Cb * cos33°)/2.03
|
| サンプル |
<![CDATA[
<html>
<head>
<title>RGB→YIQ</title>
<script Language="JavaScript"><!--
function RGBtoYIQ()
{
r = eval(document.myFORM.red.value);
g = eval(document.myFORM.green.value);
b = eval(document.myFORM.blue.value);
Y = 0.30 * r + 0.59 * g + 0.11 * b;
I = 0.60 * r - 0.28 * g - 0.32 * b;
Q = 0.21 * r - 0.52 * g + 0.31 * b;
document.myFORM.y.value = Y;
document.myFORM.i.value = I;
document.myFORM.q.value = Q;
}
// --></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="RGBtoYIQ()" value="YIQに変換"><br>
Y：<input type="text" name="y"><br>
I：<input type="text" name="i"><br>
Q：<input type="text" name="q"><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
RGB→YIQ