जावास्क्रिप्ट फ़ंक्शन किसी दिए गए रंग के "n" रंगों को वापस करने के लिए (अंधेरे से प्रकाश)

Question

मैं टैग क्लाउड उत्पन्न करने के लिए विशिष्ट रंग की रंग सीमा प्राप्त करना चाहता हूं।

कहो कि उपयोगकर्ता RGB/HHHHHH मूल्यों के साथ कुछ रंग में प्रवेश किया है तो मैं एक समारोह f(color, no) जो निर्दिष्ट "रंग" के लिए अंधेरे से अलग रंगों में "नहीं" के लिए RGB/HHHHHH रिटर्न हल्के रंग में लिखने के लिए चाहते हैं। तब ये रंग अलग-अलग टैगों को एक ही छाया के विभिन्न रंगों के साथ प्रदर्शित करने के लिए उपयोगी होंगे। लेकिन मैं इसमें काले और सफेद रंगों से बचना चाहता हूं।

निम्नलिखित F({R:0, G:0, B:255}, 7) का उदाहरण है जो 7 नीले रंग के रंगों को देता है।

मैं नहीं करना चाहते हैं यह किसी भी आरजीबी संयोजन के लिए सही उदाहरण (25, 150,150) भी के लिए कहते हैं।

क्या यह कार्य जावास्क्रिप्ट का उपयोग कर संभव है या आरजीबी के लिए कोई सूत्र है जिसके साथ इसे प्राप्त किया जा सकता है?

Answer 1

function generate() 
 
{ 
 
    var r = document.querySelector("#R").value%256; 
 
    var g = document.querySelector("#G").value%256; 
 
    var b = document.querySelector("#B").value%256; 
 
    var str=""; 
 
    for(var i=0;i<7;i++) 
 
    { 
 
    r+=33; 
 
    g+=33; 
 
    b+=33; 
 
    str+="<div class='swatch' style='background-color:rgb("+r+","+g+","+b+")'></div>"; 
 
    } 
 
    document.querySelector("#op").innerHTML = str; 
 
    console.log(str); 
 
}

.swatch{width:50px;height:25px;margin:1px}

<div>R<input type="text" id="R"/></div> 
 
<div>G<input type="text" id="G"/></div> 
 
<div>B<input type="text" id="B"/></div> 
 
<input type="button" onclick="generate()" value="Generate"/> 
 
<div id="op">Generated Color shades</div>

आप jsbin पर कुछ इस तरह करना चाहते हैं? यह एक डेमो है जिसे मैंने jQuery का उपयोग करके बनाया है।

यदि आपको कोई संदेह है तो मुझे बताएं।

Answer 2

आप संतृप्ति और मूल्य पर परिचालन करना चाहते हैं, पहले आरजीबी को एचएसवी में परिवर्तित करना चाहते हैं और फिर यह बहुत आसान है।

कोड: http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript

जानकारी: http://en.wikipedia.org/wiki/HSL_and_HSV