使用javascript混合2种以上的颜色

Question

我试图将JS颜色添加到一起。我现在坐在这个问题面前好几天了。问题是颜色是十六进制代码。

现在我想将所有颜色加在一起打印并以div或其他形式打印出来。

你能告诉我演示PLZ怎么做吗？

这是我的意思的图片：

十六进制代码是<input>类型。

Answer 1

根据评论，我不是100％确定“mix”的含义，但假设您想要将它们组合起来，可以使用xcolor这样的插件来实现。

e.g。 $.xcolor.additive(color, color)计算两种颜色的加色混合。

所以，你可以这样做：

var $inputs = $("input"); // You'll want to make this more specific
var color = "";

$inputs.each(function(){
  var curColor = this.value;
  if(color === ""){
    color = curColor;
  }

  color = $.xcolor.additive(color, curColor);
});

这是 fiddle