RGBカラーからグレースケールに変換する

説明

RGB(赤緑青)カラーからグレー値に変換するには次の計算式を使用します。「グレー値 = 緑*0.59 + 赤*0.3 + 青*0.11」

サンプルプログラム

window.onload = function(){
document.getElementById("conv").addEventListener("click", function(){
var r = parseFloat(document.getElementById("red").value);
var b = parseFloat(document.getElementById("blue").value);
var g = parseFloat(document.getElementById("green").value);
// 変換結果を表示
document.getElementById("gray").value = RGBtoGRAY(r,g,b);
}, true);
}
// RGBからグレースケールに変換
function RGBtoGRAY(r,g,b){
return g*0.59 + r*0.3 + b*0.11;
}
サンプルを実行
[戻る]