Skip to content

Instantly share code, notes, and snippets.

@mlocati
Last active May 1, 2024 10:55
Show Gist options
  • Save mlocati/7210513 to your computer and use it in GitHub Desktop.
Save mlocati/7210513 to your computer and use it in GitHub Desktop.
Javascript color scale from 0% to 100%, rendering it from red to yellow to green
// License: MIT - https://opensource.org/licenses/MIT
// Author: Michele Locati <michele@locati.it>
// Source: https://gist.github.com/mlocati/7210513
function perc2color(perc) {
var r, g, b = 0;
if(perc < 50) {
r = 255;
g = Math.round(5.1 * perc);
}
else {
g = 255;
r = Math.round(510 - 5.10 * perc);
}
var h = r * 0x10000 + g * 0x100 + b * 0x1;
return '#' + ('000000' + h.toString(16)).slice(-6);
}
@aktentasche
Copy link

cool thanks

@jbundziow
Copy link

Great! It works well in my project. Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment