🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations.This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.

Plugins

Documentation

jQuery xcolor Plugin

Description

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

Calculating Colors

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

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:

http://www.xarg.org/project/jquery-color-plugin-xcolor/

License

Copyright (c) 2014, Robert Eisele Dual licensed under the MIT or GPL Version 2 licenses.


You May Also Like