Skip to content

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

Notifications You must be signed in to change notification settings

Joudee/color-conversion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published