Skip to content

Instantly share code, notes, and snippets.

@Cycymomo
Created July 29, 2013 13:47
Show Gist options
  • Save Cycymomo/6104415 to your computer and use it in GitHub Desktop.
Save Cycymomo/6104415 to your computer and use it in GitHub Desktop.
Color utils
// get the average color of two hex colors.
function avgcolor(color1,color2){
var avg = function(a,b){ return (a+b)/2; },
t16 = function(c){ return parseInt((''+c).replace('#',''),16) },
hex = function(c){ return (c>>0).toString(16) },
hex1 = t16(color1),
hex2 = t16(color2),
r = function(hex){ return hex >> 16 & 0xFF},
g = function(hex){ return hex >> 8 & 0xFF},
b = function(hex){ return hex & 0xFF},
res = '#' + hex(avg(r(hex1),r(hex2)))
+ hex(avg(g(hex1),g(hex2)))
+ hex(avg(b(hex1),b(hex2)));
return res;
}
avgcolor('#ffffff','#000000'); // "#7f7f7f"
// invert color
function invertColor(color){
var inv = function(a){ return 255 - a; },
t16 = function(c){ return parseInt((''+c).replace('#',''),16) },
hex = function(c){ return (c>>0).toString(16) },
hex1 = t16(color),
r = function(hex){ return hex >> 16 & 0xFF},
g = function(hex){ return hex >> 8 & 0xFF},
b = function(hex){ return hex & 0xFF},
res = '#' + hex(inv(r(hex1)))
+ hex(inv(g(hex1)))
+ hex(inv(b(hex1)));
return res;
}
invertColor('#ffffff'); // "#000000"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment