Joudee/color-conversion

transform color to any type such as 'rgb' or 'hsl'

color-conversion

##Intention

JavaScript library for color conversion and manipulation with support for CSS color strings.

##Installation

npm install color-conversion

Usage

var Color = require("color-conversion")

or

import Color from "color-conversion"

To use color-conversion from a browser,download 'color.js' from this repository.Then, add it as a script tag to your page:

<script type="text/javascript" src='color.js'></script>
<script>
    var color = Color("rgb(255, 255, 255)");	//It's also can be 'var color = Color("255, 255, 255")';
    color.toHSL();  		//[3,0,100]
</script>

Setters

The instance is tranforming RGB to HSL. You should use the 'toHSL' method.

var color = Color("rgb(255, 255, 255)");  	//It's also can be 'var color = Color("255, 255, 255")';
color.toHSL();  		//[3,0,100]

It's also can transform HSL to RGB(You should use the 'toRGB' method.),such as:

var color = Color("hsl(100, 10%, 25%)");	//It's also can be 'var color = Color("100, 10%, 25%")';
color.toRGB(); //[60,64,57]

Transforming hex to hsl or grb.

var color = Color("ffffff");	//It's also can be 'var color = Color("#ffffff")';
color.toRGB(); //[255,255,255]
color.toHSL(); //[100,0,100]

Method

The library has three methods.That is toRGB,toHSL and toHex.The method will return an array include the transformational color. Why did it return array instead of string that such as 'rgb(0,0,0)'?When you convert an HSL color,and going to change the Saturation or Lightness,only need to calculated the array and turn the result to 'hsl(0,0,0)' by yourself immediately.