JUI(Simple UI & Chart Component)

util.color

Files

color utility

Defined By

Methods

util.color
view source
( H, S, V ) : Object
convert hsv to rgb color.HSVtoRGB(0,0,1) === #FFFFF === { r : 255, g : 0, b : 0 } ...

convert hsv to rgb

    color.HSVtoRGB(0,0,1) === #FFFFF === { r : 255, g : 0, b : 0 }

Parameters

  • H : Number

    hue color number (min : 0, max : 360)

  • S : Number

    Saturation number (min : 0, max : 1)

  • V : Number

    Value number (min : 0, max : 1 )

Returns

  • Object
util.color
view source
( R, G, B ) : Object
convert rgb to hsv color.RGBtoHSV(0, 0, 255) === { h : 240, s : 1, v : 1 } === '#FFFF00' ...

convert rgb to hsv

    color.RGBtoHSV(0, 0, 255) === { h : 240, s : 1, v : 1 } === '#FFFF00'

Parameters

  • R : Number

    red color value

  • G : Number

    green color value

  • B : Number

    blue color value

Returns

  • Object

    hsv color code

util.color
view source
( color, rate ) : String
rgb 컬러 어두운 농도로 변환 ...

rgb 컬러 어두운 농도로 변환

Parameters

  • color : String

    RGB color code

  • rate : Number

    어두운 농도

Returns

  • String
util.color
view source
( obj, type ) : *
convert color to format string // hex color.format({ r : 255, g : 255, b : 255 }, 'hex') // #FFFFFF // rgb color.f...

convert color to format string

// hex
color.format({ r : 255, g : 255, b : 255 }, 'hex')  // #FFFFFF

// rgb
color.format({ r : 255, g : 255, b : 255 }, 'rgb') // rgba(255, 255, 255, 0.5);

// rgba
color.format({ r : 255, g : 255, b : 255, a : 0.5 }, 'rgb') // rgba(255, 255, 255, 0.5);

Parameters

  • obj : Object

    obj has r, g, b and a attributes

  • type : "hex"/"rgb"

    format string type

Returns

  • *
util.color
view source
( color, rate ) : String
rgb 컬러 밝은 농도로 변환 ...

rgb 컬러 밝은 농도로 변환

Parameters

  • color : String

    RGB color code

  • rate : Number

    밝은 농도

Returns

  • String
util.color
view source
( color_list, count ) : Array
create color map var colorList = color.map(['#352a87', '#0f5cdd', '#00b5a6', '#ffc337', '#fdff00'], count) ...

create color map

    var colorList = color.map(['#352a87', '#0f5cdd', '#00b5a6', '#ffc337', '#fdff00'], count)

Parameters

  • color_list : Array
  • count : Number

    a divide number

Returns

  • Array

    converted color list

util.color
view source
( color ) : *
gradient color string parsing ...

gradient color string parsing

Parameters

  • color : String

Returns

  • *
util.color
view source
( color )
gradient parser linear(left) #fff,#000 linear(right) #fff,50 yellow,black radial(50%,50%,50%,50,50) ...

gradient parser

 linear(left) #fff,#000
 linear(right) #fff,50 yellow,black
 radial(50%,50%,50%,50,50)

Parameters

  • color : String
util.color
view source
( str ) : Object
parse string to rgb color color.rgb("#FF0000") === { r : 255, g : 0, b : 0 } color.rgb("rgb(255, 0, 0)") ==...

parse string to rgb color

    color.rgb("#FF0000") === { r : 255, g : 0, b : 0 }

    color.rgb("rgb(255, 0, 0)") == { r : 255, g : 0, b : }

Parameters

  • str : String

    color string

Returns

  • Object

    rgb object

util.color
view source
( ) : func
get color scale var c = color.scale().domain('#FF0000', '#00FF00'); // get middle color c(0.5) == #8...

get color scale

    var c = color.scale().domain('#FF0000', '#00FF00');

    // get middle color
    c(0.5)   ==  #808000

    // get middle color list
    c.ticks(20);  // return array ,    [startColor, ......, endColor ]

Returns

  • func

    scale function