Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
An easy to use color manipulation plugin for jQuery
branch: master
Failed to load latest commit information. fixed description
bower.json Made it release ready
jquery.xcolor.js Made it release ready
jquery.xcolor.min.js Made it release ready

jQuery xcolor Plugin


The jQuery xcolor plugin is an extensive library for color manipulation.

Calculating Colors

// Calculate a grey level color value

// 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!

Colorizing Text

$(".foo").colorize("burntsienna", "blue", function() {
   // Return a value between 0 and 1, indicating a gradient level between "burntsienna" and "blue"
   return Math.random();

CSS Hook

The color parser implements a CSS hook. Using a random color is now as easy as

$('h1').css('background', 'rand');

Further examples and documentation

For further details and code examples take a look at the demonstration and documentation page on:


Dual licensed under the MIT or GPL Version 2 licenses.

Something went wrong with that request. Please try again.