在JavaScript中合并RGB颜色值以形成混合

Question

因此，在JavaScript中，如果我拥有一定比例的红色和绿色，例如35％的红色，65％的绿色，我该如何将它们结合起来？ 我对此并不完全确定，它可能比我想象的要简单。 我在http://www.rapidtables.com/web/color/RGB_Color.htm上看到它们的取值范围是0-255。 为红色和绿色混合分配0-255之间的值是否容易？ 如果没有什么不同，在混合中添加alpha是否也可行？

我希望颜色能够显示在画布上，但是一旦有了混合值，就可以正常工作。 因此，我需要一个可以放入fillStyle中的合法值。

var c=document.getElementById("myCanvas");
ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="the blended color";
ctx.fill();

Answer 1

RGB（红色，绿色，蓝色）的每种颜色的值实际上在0-255之间。 因此，我认为将百分比转换为该范围内的值应该可以正常工作吗？

对每种颜色执行以下代码时，可以合并所有值以获得RGB值。

color = (percentage / 100.00) * 255.00

示例片段

 function percentageToRGB(r,g,b) { var r = parseInt((r/100)*255); var g = parseInt((g/100)*255); var b = parseInt((b/100)*255); return "rgb("+ r +","+ g +","+ b +")"; } document.getElementById("block").style.background = percentageToRGB(35, 65, 0); 

 #block { width: 200px; height: 100px; text-align: center; border: 1px solid black; line-height: 100px; } 

 <div id="block"> Hello </div>