Skip to content

Instantly share code, notes, and snippets.

@shaneriley
Created June 7, 2013 14:48
Show Gist options
  • Save shaneriley/5729791 to your computer and use it in GitHub Desktop.
Save shaneriley/5729791 to your computer and use it in GitHub Desktop.
Lighten/darken hex color
// shadeColor("#f0f0f0", -20) returns "#bdbdbd"
function shadeColor(color, percent) {
var num = parseInt(color.slice(1), 16),
amt = Math.round(2.55 * percent),
R = (num >> 16) + amt,
B = (num >> 8 & 0x00FF) + amt,
G = (num & 0x0000FF) + amt;
return "#" + (
0x1000000 + (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000
+ (B < 255 ? B < 1 ? 0 : B : 255) * 0x100
+ (G < 255 ? G < 1 ? 0 : G : 255)
).toString(16).slice(1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment