我想获取用于生成标签云的特定颜色的颜色范围。
假设用户输入了一些颜色RGB/HHHHHH
值然后我想写一个函数f(color, no)
返回RGB/HHHHHH
对于指定“颜色”,从深色到浅色的不同色调的“否”。这些颜色将有助于显示具有相同色调的不同颜色的不同标签。但我想避免其中出现黑白色调。
以下是示例F({R:0, G:0, B:255}, 7)
返回7
蓝色色调。
我不希望任何 RGB 组合都是如此,例如(25, 150,150)
also.
使用 JavaScript 可以实现此功能吗?或者是否有任何 RGB 公式可以实现此功能?
function generate()
{
var r = document.querySelector("#R").value%256;
var g = document.querySelector("#G").value%256;
var b = document.querySelector("#B").value%256;
var str="";
for(var i=0;i<7;i++)
{
r+=33;
g+=33;
b+=33;
str+="<div class='swatch' style='background-color:rgb("+r+","+g+","+b+")'></div>";
}
document.querySelector("#op").innerHTML = str;
console.log(str);
}
.swatch{width:50px;height:25px;margin:1px}
<div>R<input type="text" id="R"/></div>
<div>G<input type="text" id="G"/></div>
<div>B<input type="text" id="B"/></div>
<input type="button" onclick="generate()" value="Generate"/>
<div id="op">Generated Color shades</div>
你想要这样的东西吗jsbin http://jsbin.com/oqaza4/2/?这是我使用 jQuery 构建的演示。
如果您有任何疑问,请告诉我。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)