The jQuery xcolor plugin is an extensive library for color manipulation.
// Calculate a grey level color value
$.xcolor.greyfilter('#c00');
// Calculate a gradient color between #fc0 and #f00 at position 23/100
$.xcolor.gradientlevel('#fc0', '#f00', 23, 100);
// Calculate the opacity as if lightgrey would overlay #f00 with an opacity of 69%.
$.xcolor.opacity('#f00', 'lightgrey', 0.69);and many more! Check out the full documentation!
$(".foo").colorize("burntsienna", "blue", function() {
// Return a value between 0 and 1, indicating a gradient level between "burntsienna" and "blue"
return Math.random();
});The color parser implements a CSS hook. Using a random color is now as easy as
$('h1').css('background', 'rand');For further details and code examples take a look at the demonstration and documentation page on:
http://www.xarg.org/project/jquery-color-plugin-xcolor/
Copyright (c) 2014, Robert Eisele Dual licensed under the MIT or GPL Version 2 licenses.