रंग हेक्स की गणना 2 रंग और प्रतिशत/स्थिति

Question

क्या ढाल के बीच में एक रंग की गणना करना संभव है?

var color1 = 'FF0000'; 
var color2 = '00FF00'; 

// 50% between the two colors, should return '808000' 
var middle = gradient(color1, color2, 0.5); 

मेरे पास केवल दो हेक्स स्ट्रिंग हैं, और मैं बदले में एक चाहता हूं।

Answer 1

यह काम करना चाहिए:

यह मूल रूप से शामिल है, उन्हें परिवर्तित दशमलव में आधा खोजने, परिणाम हेक्स के लिए वापस परिवर्तित करने और फिर उन्हें श्रृंखलाबद्ध।

var color1 = 'FF0000'; 
var color2 = '00FF00'; 
var ratio = 0.5; 
var hex = function(x) { 
    x = x.toString(16); 
    return (x.length == 1) ? '0' + x : x; 
}; 

var r = Math.ceil(parseInt(color1.substring(0,2), 16) * ratio + parseInt(color2.substring(0,2), 16) * (1-ratio)); 
var g = Math.ceil(parseInt(color1.substring(2,4), 16) * ratio + parseInt(color2.substring(2,4), 16) * (1-ratio)); 
var b = Math.ceil(parseInt(color1.substring(4,6), 16) * ratio + parseInt(color2.substring(4,6), 16) * (1-ratio)); 

var middle = hex(r) + hex(g) + hex(b); 

Answer 2

मैं इस सवाल का जवाब ऊपर पर टिप्पणी नहीं कर सकता, इसलिए मैं इसे यहाँ लिखें:

मुझे पता चला है कि जावास्क्रिप्ट सबस्ट्रिंग विधि में पैरामीटर के लिए सूचकांक लौटे स्ट्रिंग में शामिल नहीं है। इसका मतलब है कि:

var string = "test"; 
//index: 
alert(string.substring(1,3)); 

//will alert es and NOT est 

संपादित करें: तो यह होना चाहिए:

parseInt(color1.substring(0,2), 16); 
parseInt(color1.substring(2,4), 16); 

और

parseInt(color1.substring(4,6), 16);