JSFiddle - React, Tailwind, and code Playground

by Jeferson Almeida

JavaScript

function getColor(value, min, max){
    //value from 0 to 1
    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(-90,-100,4000);
document.body.appendChild(d);