Javascript 在JS中生成随机生成的十六进制颜色的互补十六进制颜色?
据我所知,你可以通过从白色中减去已知颜色(#FFFFFF)得到给定十六进制颜色的互补颜色。在我的例子中,已知颜色是我使用以下代码随机生成的颜色:Javascript 在JS中生成随机生成的十六进制颜色的互补十六进制颜色?,javascript,random,colors,hex,Javascript,Random,Colors,Hex,据我所知,你可以通过从白色中减去已知颜色(#FFFFFF)得到给定十六进制颜色的互补颜色。在我的例子中,已知颜色是我使用以下代码随机生成的颜色: var randomColor = "#000000".replace(/0/g,function(){ return (~~(Math.random()*16)).toString(16);}); 我基本上想这样做: function compColor(randomColor){ return 0xFFFFFF - randomColor
var randomColor = "#000000".replace(/0/g,function(){
return (~~(Math.random()*16)).toString(16);});
我基本上想这样做:
function compColor(randomColor){
return 0xFFFFFF - randomColor;
}
我有这个随机的十六进制数,但我不能从十进制数中减去它。我需要从十六进制转换为十进制,然后再转换回十六进制才能得到我想要的互补颜色吗?这似乎不是最有效的方法 我建议您将颜色保留为数字,从而使互补色的生成成为一个简单的数学运算 只有在需要时,才应将这些颜色转换为十六进制格式,或者任何其他字符串格式,例如
rgb(r,g,b)
一个选项是单个24位整数,最高8位为红色,最低有效位为绿色和蓝色:
function getRandomColor() {
return Math.floor(Math.random() * 0x1000000);
}
function getComplementColor(c) {
return 0xffffff - c;
}
function getHexColor(c) {
return '#' + ("000000" + c.toString(16)).substr(-6);
}
[在getHexColor()
函数中的串联和substr
调用是一种用前导零填充十六进制数的巧妙方法]