ccc
Color conversions and transformations
Install
npm install --save ccc
component install andrepolischuk/ccc
API
ccc(str)
Create color via string
var color = ;var color = ;var color = ;var color = ;var color = ;var color = ;
ccc(obj)
Create color via object
var color = ;var color = ;var color = ;var color = ;var color = ;
ccc.rgb(...arguments)
Create color via arguments
var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;
ccc.rgb(arr)
Create color via array
var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;var color = ccc;
.rgb()
Return converted color object
color; // {r: 255, g: 0, b: 0}color; // {c: 100, m: 0, y: 100, k: 0}color; // {h: 240, s: 100, l: 50}color; // {h: 60, s: 100, v: 100}
.rgbArray()
Return converted color array
color; // [255, 0, 0]color; // [100, 0, 100, 0]color; // [240, 100, 50]color; // [60, 100, 100]
.rgbString()
Return converted color string
color; // 'black'color; // '#ffffff'color; // rgb(255, 0, 0)color; // hsl(240, 100%, 50%)
.invert()
Invert color
; // #000000
.grayscale()
Convert color to grayscale
; // #787878
.average(Color2)
Calculate average
; // #666666
.light()
Check if color is light
; // true
.dark()
Check if color is dark
; // true
.lighten(val)
Lighten color by val
; // #080808
.darken(val)
Darken color by val
; // #080808
.saturate(val)
Saturate color by val
; // 50
.desaturate(val)
Desaturate color by val
; // 50
.red([val])
Return or set red component of RGB
; // 255; // red
.green([val])
Return or set green component of RGB
; // 255; // lime
.blue([val])
Return or set blue component of RGB
; // 255; // blue
.alpha([val])
Return or set alpha component
; // 0.5; // rgba(0, 0, 0, 0.5)
.cyan([val])
Return or set cyan component of CMYK
; // 100; // aqua
.magenta([val])
Return or set magenta component of CMYK
; // 100; // fuchsia
.yellow([val])
Return or set yellow component of CMYK
; // 100; // yellow
.key([val])
Return or set key component of CMYK
; // 100; // black
.hue([val])
Return or set hue component of HSL
; // 0; // blue
.saturation([val])
Return or set saturation component of HSL
; // 100; // red
.lightness([val])
Return or set lightness component of HSL
; // 50; // green
.value([val])
Return or set value component of HSB
value; // 100value50; // green
License
MIT