jQuery Math pour l'animation Couleur - Gamme de couleurs certaine

Question

J'utilise cette Math pour une animation couleur bg sur le vol stationnaire:

var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'; 

Il produit une couleur rgb aléatoire. Très bien en effet mais je cherche quelque chose de différent.

Est-ce que quelqu'un connaît un bon Math que je peux utiliser pour avoir cette couleur aléatoire seulement dans une certaine gamme de couleurs, comme hors de la gamme de couleur rouge ou sur les verts?

Toute aide est appréciée.

@Avinash, voici mon code complet car je l'utilise maintenant. Comment puis-je inclure votre solution?

$(document).ready(function() { 
    //bg color animation 
    original = $('.item,.main-menu-button').css('background-color'); 
    $('.item,.main-menu-button').hover(function() { //mouseover 
     var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'; //random hover color 
     $(this).stop().animate({ 
      'backgroundColor': col 
     }, 1000); 
    }, function() { //mouseout 
     $(this).stop().animate({ 
      'backgroundColor': '#111' 
     }, 500); //original color as in css 
    }); 
}); 

Il doesnt travail. Je ferais mieux de le laisser tel quel. Merci à vous tous pour votre aide.

Answer 1

Pour générer un nombre aléatoire dans une gamme, nous devons faire quelque chose comme

minValue + random Number * (maxValue - minValue) 

-à-dire, si vous voulez créer un nombre aléatoire entre la plage de à , nous devrait faire

var rand = 100 + Math.floor(Math.random() * (200 - 100)); 

qui donne un nombre aléatoire entre la plage de 100 à 200

à l'aide de cette règle de base, nous pouvons générer une couleur au hasard à partir d'une plage donnée

var range = [{0 : 150,1 : 200}, {0 : 200,1 : 230},{0 : 10,1 : 20}]; 
function rgb() { 
    var color ='rgb('; 
    for(var i = 0; i< 3; i++) { 
    color += rand(range[i]['0'], range[i]['1']) + ','; 
    } 
    return color.replace(/\,$/,')') 
} 

function rand(min, max) { 
    return min + Math.floor(Math.random() * (max - min)); 
} 

alert(rgb()); 

Essayez ce code http://jsbin.com/tuday

EDIT:

$(function() { 
    var cache = $('#hover').css('background-color'); 
    $('#hover').hover(function() { 
     $(this).css({'background-color' : rgb() }); 
    },function() { 
     $(this).css({'background-color' : cache }); 
    }); 
}); 

Exemple: http://jsbin.com/iwovew

Answer 2

Génère une couleur au hasard sur la plage noire à rouge:

var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',0,0)'; 

Answer 3

Vous devriez la recherche sur la conversion de valeurs et de RGB à HSB (parfois appelé HSI). L'arithmétique sur ce modèle de couleur a beaucoup de sens. Par exemple. Pour jouer avec les nuances de rouge, vous pouvez commencer avec les valeurs HSB (0, 100, 100) pour le rouge "pur". Changer S = 50% vous donne une nuance "plus grise" de rouge. Changer B = 50% vous donne une nuance de rouge "plus sombre".