Eu preciso intensificar cores. Sendo a cor vermelha para números negativos e verde para números positivos.
A cor começa clara e vai se intensificando. Quanto mais negativo, mais escuro fica o vermelho e quanto mais positivo, mais escuro fica o verde.
Eu ainda não defini meus limites min e max para se basear, mas com certeza quero um limite maior que 255.
Essa foi minha tentativa para os números negativos: Obs: essa tentativa foi total no chute, nunca trabalhei com essa manipulação de cores. Não faço ideia de se é nesse caminho ou não.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
</head>
<body>
<div id="number">
-100
</div>
</body>
<script>
var div = document.querySelector('#number');
var number = Number(document.querySelector('#number').innerText);
var redRgb = 255;
console.dir(redRgb + number);
div.style.color = `rgb(${redRgb + number},0,0)`;
</script>
</html>