Skip to content

NodeJS module for CSS color manipulations. The project is DEPRECATED.

License

Notifications You must be signed in to change notification settings

tenphi/node-color

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 11, 2012
66df954 · Feb 11, 2012

History

10 Commits
Feb 10, 2012
Feb 11, 2012
Feb 10, 2012
Feb 11, 2012
Feb 10, 2012

Repository files navigation

With this module you can simple manipulate color`s parameters.

Just create one:

var color = require('color');

color('#39f');
color([51, 153, 255]); // rgb
color([114, .5, .5], 'hsl'); // hsl

You can also set additional parameter for opacity:

var clr = color([51, 153, 255, .5]); // 50% opacity

Now you can use LESS-like API for change color parameters:

clr.lighten(.1); // return a color which is 10% *lighter* than base color
clr.darken(.1); // return a color which is 10% *darker* than base color

clr.saturate(.1);    // return a color 10% *more* saturated than base color
clr.desaturate(.1);  // return a color 10% *less* saturated than base color

clr.fadein(.1);      // return a color 10% *less* transparent than base color
clr.fadeout(.1);     // return a color 10% *more* transparent than base color
clr.fade(.5);        // return base color with 50% transparency

clr.spin(10);         // return a color with a 10 degree larger in hue than base color
clr.spin(-10);        // return a color with a 10 degree smaller hue than base color

clr.mix(clr2);    // return a mix of base color and other color

Now, you can fetch your color:

color('#39f').toString(); // "#3399ff"
color('#39f') + ''; // "#3399ff"
color('#39f').hex(); // "#3399ff"
color('#39f').rgb(); // rgb(51, 153, 255)
color([153, 153, 255, .5]); // rgba(51, 153, 255, 0.5)

Get/set absolute parameters of color:

clr.lightness(.5).lightness(); // .5
clr.saturation(.5).saturation(); // .5
clr.hue(180).hue(); // 180
clr.fade(.5).fade(); // .5

It's not all! Also you have a really nice function that can calculate and set real (visible) lightness of your color. This value between 0 to 360. Check this out:

color('#39f').luminance(); // 144.8760297633808
color('#39f').luminance(200).hex(); // "#9fcfff"

It can be very useful! Luminance calculating by following formula: Math.sqrt(red*red*.241 + green*green*.691+blue*blue*.068);

Color module can store your colors. For example, this is some Twitter Bootstrap colors that defined by default:

color({
    black: '#000',
    grayDarker: '#222',
    grayDark: '#333',
    gray: '#555',
    grayLight: '#999',
    grayLighter: '#eee',
    white: '#fff',

    blue: '#049cdb',
    green: '#46a546',
    red: '#9d261d',
    yellow: '#ffc40d',
    orange: '#f89406',
    pink: '#c3325f',
    purple: '#7a43b6'
});

_.color('myColor', '#303639'); /* store one color */

And then select them by their names:

color('purple').lighten(.1).hex(); // "#8752bf"

If you have some ideas how improve this module you can send them to my email: [email protected]

Enjoy!

About

NodeJS module for CSS color manipulations. The project is DEPRECATED.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published