Skip to content

Parser and generator for CSS color strings

License

Notifications You must be signed in to change notification settings

chartjs/chartjs-color-string

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

chartjs-color-string

npm Travis

library for parsing and generating CSS color strings.

Install

With npm:

$ npm install color-string

Usage

Parsing

colorString.getRgb("blue")                       // [0, 0, 255]
colorString.getRgb("#FFF")                       // [255, 255, 255]
colorString.getRgba("#FFFA")                     //[255, 255, 255, 0.67]}
colorString.getRgba("#FFFFFFAA")                 // [255, 255, 255, 0.67]}

colorString.getRgba("rgba(200, 60, 60, 0.3)")    // [200, 60, 60, 0.3]
colorString.getRgba("rgb(200, 200, 200)")        // [200, 200, 200, 1]

colorString.getHsl("hsl(360, 100%, 50%)")        // [360, 100, 50]
colorString.getHsla("hsla(360, 60%, 50%, 0.4)")  // [360, 60, 50, 0.4]

colorString.getAlpha("rgba(200, 0, 12, 0.6)")    // 0.6

Generation

colorString.hexString([255, 255, 255])   // "#FFFFFF"
colorString.hexString([0, 0, 255, 0.4])    // "#0000FF66"
colorString.hexString([0, 0, 255], 0.4)    // "#0000FF66"
colorString.rgbString([255, 255, 255])   // "rgb(255, 255, 255)"
colorString.rgbString([0, 0, 255, 0.4])  // "rgba(0, 0, 255, 0.4)"
colorString.rgbString([0, 0, 255], 0.4)  // "rgba(0, 0, 255, 0.4)"
colorString.percentString([0, 0, 255])   // "rgb(0%, 0%, 100%)"
colorString.keyword([255, 255, 0])       // "yellow"
colorString.hslString([360, 100, 100])   // "hsl(360, 100%, 100%)"

About

Parser and generator for CSS color strings

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%