Renk hesapla HEX 2 renk ve yüzde/konum

Question

Bir degradenin ortasında bir renk hesaplamak mümkün mü?

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

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

Sadece iki tane hex dizim var ve karşılığında bir tane istiyorum.

Answer 1

Bu çalışması gerekir:

Temelde içerir Onluk dönüştürerek yarıyı bularak, onaltılık geri sonuçlarını dönüştürülmesi ve daha sonra onları birleştirerek.

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

Yukarıdaki cevap yorum yapamam, bu yüzden buraya yazmak:

Ben JavaScript alt dize yönteminde parametresine endeks döndürülen dizeye dahil olmadığını öğrendim. Bunun anlamı şudur:

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

//will alert es and NOT est 

Düzenleme: Yani bu olmalıdır:

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

ve

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