Javascript 随机选择浅蓝色的颜色
我正在尝试随机选择浅蓝色的颜色 我知道我可以得到以下所有颜色:Javascript 随机选择浅蓝色的颜色,javascript,css,Javascript,Css,我正在尝试随机选择浅蓝色的颜色 我知道我可以得到以下所有颜色: rgb(110, 179, 185), rgb(110, 179, 186), .... ,rgb(110, 179, 255); 及 但是存在着很多变化 可能吗 我有一个将颜色随机化的函数: function get_random_color() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i
rgb(110, 179, 185), rgb(110, 179, 186), .... ,rgb(110, 179, 255);
及
但是存在着很多变化
可能吗
我有一个将颜色随机化的函数:
function get_random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
函数get\u random\u color(){
变量字母='0123456789ABCDEF'。拆分('');
var color='#';
对于(变量i=0;i<6;i++){
颜色+=字母[Math.round(Math.random()*15)];
}
返回颜色;
}
我找到了这个代码:
感谢您的帮助 好吧,一种方法就是改变你找到的功能,并根据你的需要进行调整:
function randHex(a, b) {
return (Math.floor(Math.random() * a) + b).toString(16);
}
function randColor() {
return "6E" + randHex(20, 160) + "" + randHex(56, 200);
}
这将返回110为红色、160至180为绿色、56至256为蓝色的颜色
.好吧,一种方法就是改变你找到的功能,并根据你的需要进行调整:
function randHex(a, b) {
return (Math.floor(Math.random() * a) + b).toString(16);
}
function randColor() {
return "6E" + randHex(20, 160) + "" + randHex(56, 200);
}
这将返回110为红色、160至180为绿色、56至256为蓝色的颜色
.给你:
function get_random_blue() {
return "rgb(110,"
+ ((179 - Math.random()*2) <<0) + ","
+ ((200 + Math.random()*55) <<0) + ")";
}
给你:
function get_random_blue() {
return "rgb(110,"
+ ((179 - Math.random()*2) <<0) + ","
+ ((200 + Math.random()*55) <<0) + ")";
}
HI,也许这应该是一个评论,但它越来越大了,所以我会把它扔到这里 红色、绿色和蓝色是RGB 在示例RGB中,您会注意到最后一个数字更高,这将使您的颜色更蓝,只要该通道高于其他通道(R和G),您将创建一种被视为“蓝色”的颜色 就像混音台一样,频道被推得更高,声音也更大。(希望那里没有吃奶的蛋)
- 您的随机化功能需要确保“B”值高于“R”和“G”值
- 值越低(例如-R:0、G:0、B:10)将导致颜色越深
- 值越高(例如-R:220、G:220、B:255)将导致颜色越浅
- 一个永不低于的数字阈值(这是你的亮度)-比如说150
- “B”值始终高于“R”和“G”值(这是您的蓝色)
- 任何值的最大值为255
- 您的随机化功能需要确保“B”值高于“R”和“G”值
- 值越低(例如-R:0、G:0、B:10)将导致颜色越深
- 值越高(例如-R:220、G:220、B:255)将导致颜色越浅
- 一个永不低于的数字阈值(这是你的亮度)-比如说150
- “B”值始终高于“R”和“G”值(这是您的蓝色)
- 任何值的最大值为255
function rand(min, max) {
// return float random between min and max;
}
var randBlue = hsl2rgb(240, 1, rand(0.7, 0.9));
这里更新了我建议您使用另一种颜色模型,如HSV或HSL。选择所需的颜色(由色调表示)然后随机化其他属性(饱和度和值/亮度)要容易得多。样本使用:
function rand(min, max) {
// return float random between min and max;
}
var randBlue = hsl2rgb(240, 1, rand(0.7, 0.9));
这里有更新