Tính màu HEX có 2 màu và phần trăm/vị trí

Question

Có thể tính toán màu ở giữa độ dốc không?

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

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

Tôi chỉ có hai chuỗi thập lục phân và tôi muốn một trả lại.

Answer 1

này nên làm việc:

Về cơ bản nó liên quan đến việc chuyển đổi chúng sang thập phân, tìm nửa, chuyển đổi kết quả lại cho hex và sau đó concatenating chúng.

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

tôi không thể bình luận về câu trả lời ở trên, vì vậy tôi viết nó ở đây:

tôi phát hiện ra rằng trong phương pháp chuỗi javascript chỉ số để tham số không được bao gồm trong chuỗi trả lại. Điều đó có nghĩa:

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

//will alert es and NOT est 

Edit: Vì vậy, nó nên là:

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

và

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