Scelta del colore più colorato in javascript

Question

Ho un gruppo di colori e voglio trovare il loro relativo colorfulness. Qualcuno potrebbe mostrarmi un esempio in javascript? Grazie molto!

Answer 1

// permette di comparare i colori per la loro saturazione e Brightness

function rgbtoHsv(rgb){ 
    var c= rgb.match(/\d+/g), 
    r= c[0]/255, g= c[1]/255, b= c[2]/255, 
    max= Math.max(r, g, b), min= Math.min(r, g, b), 
    h= 0, s= 0, v= max; 
    if(max!= min){ 
     var d= max-min; 
     s= d/max; 
     switch(max){ 
      case r: h= (g-b)/d +(g< b? 6: 0); 
      break; 
      case g: h= (b-r)/d + 2; 
      break; 
      case b: h= (r-g)/d + 4; 
      break; 
     } 
    } 
    return [Math.round(h*60), Math.round(s*100), Math.round(v*100)]; 
} 
function sortColors(a, b){ 
    var a1= rgbtoHsv(a), b1= rgbtoHsv(b); 
    return (b1[1]+b1[2])- (a1[1]+a1[2]); 
} 

var colors = [ 'rgb (255,0,0)', 'rgb (150.150.150)', 'rgb (0.200.100)', 'rgb (0.255.255)']; // colors.sort (sortColors) .join ('\ n')

/* returned value: (most to least 'colorful') 
rgb(255,0,0) 
rgb(0,255,255) 
rgb(0,200,100) 
rgb(150,150,150) 
*/ 

Answer 2

Questa funzione restituisce la saturazione (da 0.0 a 1.0) dati i valori RGB:

function saturation(r,g,b) { 
    var minVal = Math.min(r, g, b); 
    var maxVal = Math.max(r, g, b); 
    var delta = maxVal - minVal; 
    if (maxVal === 0) { 
      return 0; 
    } else { 
      return (delta/maxVal); 
    } 
} 

So che lei ha chiesto policromia, ma questo potrebbe essere un buon punto affermando. (Io in realtà non conoscevo la differenza, grazie per aver ricordato che wikipedia pagina)