Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 随机选择浅蓝色的颜色_Javascript_Css - Fatal编程技术网

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

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

我建议您使用另一种颜色型号,如HSV或HSL。选择所需的颜色(由色调表示)然后随机化其他属性(饱和度和值/亮度)要容易得多。样本使用:

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));
这里有更新