小数点を含む動的値に基づいて勾配ステップを生成

Question

this question（fabulous answer for values from 0..1を含む）に基づいて、最小値と最大値を含むように関数を修正しようとしました。

function getColor(value, min, max){ 
    var hue=((max-(value-min))*120).toString(10); 
    return ["hsl(",hue,",100%,50%)"].join(""); 
} 

小数点以下は整数では問題ありませんが、小数点以下では問題ありません。

var value=42; 
var d=document.createElement('div'); 
d.textContent="value="+value + " (this should be green)"; 
d.style.backgroundColor=getColor(value,42,100); 
document.body.appendChild(d); 

var value=42; 
var d=document.createElement('div'); 
d.textContent="value="+value + " (this should be red)"; 
d.style.backgroundColor=getColor(value,0,42); 
document.body.appendChild(d); 

をしかし、これらにはありません：たとえば、これらは期待どおりに動作

var value=0.1; 
var d=document.createElement('div'); 
d.textContent="value="+value + " (this should be green)"; 
d.style.backgroundColor=getColor(value,0,90); 
document.body.appendChild(d); 

var value=0.1; 
var d=document.createElement('div'); 
d.textContent="value="+value + " (this should be green)"; 
d.style.backgroundColor=getColor(value,0,5); 
document.body.appendChild(d); 

最後のものは... Here is a fiddle実際に青です。どのようにして4つすべてのシナリオで動作するように変更できますか？

Answer 1

これは非常にうまく動作するようです：

function getColor(value, min, max){ 
    if (value > max) value = max; 
    var v = (value-min)/(max-min); 
    var hue=((1 - v)*120).toString(10); 
    return ["hsl(",hue,",100%,50%)"].join(""); 
} 

編集：調整