Colors

Funciones Útiles para el manejo de colores con javascript en formatos Hex, RGB(A), HSL(A), HWB

Source: Utils/Colors.js, line 1
Tutorials: Colors

Methods

(static) AlphaHex(hex) → {Number|Boolean}

Obtiene el canal Alpha de un hexadecimal y lo convierte en decimal

Parameters:

Name	Type	Description
`hex`	Hexadecimal	Color Hexadecimal en formato #RRGGBBAA

Source: Utils/Colors.js, line 28

Returns:

El numero del porcentaje o false si no es un hexadecimal valido

Type:: Number | Boolean

(static) Color2Str(color) → {String}

Convierte un color a su representacion en String

Parameters:

Name	Type	Description
`color`	String \| Object	El color

Source: Utils/Colors.js, line 402

Returns:

Type:: String

(static) ColorStr2Obj(color, toRgb)

Convierte un representación String de un color a un Objecto, si toRgb es verdadero el color suministrado sera trasformado en un color RGB y retorna su objecto dado.

Parameters:

Name	Type	Description
`color`	String	representación de colores
`toRgb`	Boolean	Retorna objecto rgb si se establece a true

Source: Utils/Colors.js, line 482

(static) Hex2Hsl(hex) → {Object|Boolean}

Convierte Hexadecimal en HSL

Parameters:

Name	Type	Description
`hex`	String	Color

Source: Utils/Colors.js, line 79

Returns:

Objecto hsl o false

Type:: Object | Boolean

(static) Hex2Hsl(hex) → {Object|Boolean}

Convierte un Hexadecimal a HWB

Parameters:

Name	Type	Description
`hex`	String

Source: Utils/Colors.js, line 93

Returns:

Objecto hsl o false

Type:: Object | Boolean

(static) Hex2Per(Hex) → {Number}

Convierte un Hexadecimal a Porcentaje

Parameters:

Name	Type	Description
`Hex`	String	Hexadecimal

Source: Utils/Colors.js, line 441

Returns:

Type:: Number

(static) Hex2Rgb(hex) → {Object|Boolean}

Convierte Colores Hexadecimales a RGB

Parameters:

Name	Type	Description
`hex`	String	Color Hexadecimal

Source: Utils/Colors.js, line 42
See: [Github]{http://gist.github.com/983661}

Returns:

Objecto con el color RGBA o false si no es valido

Type:: Object | Boolean

(static) Hsl2Hex(hue, sat, light, alpha) → {String}

Convierte Hsl a Hexadecimal

Parameters:

Name	Type	Description
`hue`	Number	HUE
`sat`	Number	Saturación
`light`	Number	Luz
`alpha`	Number	Opciada opcional

Source: Utils/Colors.js, line 269

Returns:

Type:: String

(static) Hsl2Hwb(hue, sat, light, alpha) → {Object}

Convierte HSL a HWB

Parameters:

Name	Type	Description
`hue`	Number	HUE
`sat`	Number	Saturación
`light`	Number	Luz
`alpha`	Number	Opciada opcional

Source: Utils/Colors.js, line 283

Returns:

Objecto hwba

Type:: Object

(static) Hsl2Rgb(hue, sat, light, alpha) → {Object}

Convierte HSLA en RGBA

Parameters:

Name	Type	Description
`hue`	Number	HUE
`sat`	Number	Saturación
`light`	Number	Luz
`alpha`	Number	Opciada opcional

Source: Utils/Colors.js, line 238

Returns:

Object rgba

Type:: Object

(static) Hwb2Hex(hue, white, black, alpha) → {String}

Convierte un HWB a HEX

Parameters:

Name	Type	Description
`hue`	Number
`white`	Number
`black`	Number
`alpha`	Number

Source: Utils/Colors.js, line 368

Returns:

Type:: String

(static) Hwb2Hsl(hue, white, black, alpha) → {Object}

Convierte un HWB a HSL

Parameters:

Name	Type	Description
`hue`	Number
`white`	Number
`black`	Number
`alpha`	Number

Source: Utils/Colors.js, line 382

Returns:

Type:: Object

(static) Hwb2Rgb(hue, white, black, alpha) → {Object}

Convierte un HWB en RGBA

Parameters:

Name	Type	Description
`hue`	Number
`white`	Number
`black`	Number
`alpha`	Number

Source: Utils/Colors.js, line 319

Returns:

Type:: Object

(static) isHex(color) → {Boolean}

Valida si es un color Hexadecimal valido

Parameters:

Name	Type	Description
`color`	String	Hexadecimal a validar

Source: Utils/Colors.js, line 18

Returns:

Type:: Boolean

(static) isHSL(hsl) → {Boolean}

Valida si es un Objecto o String HSL

Parameters:

Name	Type	Description
`hsl`	Object \| String

Source: Utils/Colors.js, line 228

Returns:

Type:: Boolean

(static) isHwb(hwb) → {Boolean}

Valida si es un Objecto o string HWB valido

Parameters:

Name	Type	Description
`hwb`	Object \| String

Source: Utils/Colors.js, line 309

Returns:

Type:: Boolean

(static) isRGB(rgb) → {Boolean}

Valida si es un Objecto o String valido para rgb

Parameters:

Name	Type	Description
`rgb`	Object \| String	RGBA

Source: Utils/Colors.js, line 109

Returns:

Type:: Boolean

(static) lightOrDark(color, amt) → {String}

Ilumina u oscurece un color
Similar a las funciones de Sass

Parameters:

Name	Type	Description
`color`	String	Color Hexadecimal
`amt`	Number	Importe si e positivo seria Light negativo para dark

Source: Utils/Colors.js, line 451
See: [Author y Blog original]{https://css-tricks.com/snippets/javascript/lighten-darken-color/}

Returns:

Color Hexadecimal

Type:: String

(static) Per2Hex(percent) → {String}

Convierte un porcentaje a una expresión Hexadecimal

Parameters:

Name	Type	Description
`percent`	Number	El valor del porcentaje

Source: Utils/Colors.js, line 428
See: [Github]{https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4?permalink_comment_id=3036936#gistcomment-3036936}

Returns:

Type:: String

(static) Rgb2Hex(r, g, b, a) → {String}

Convierte un valor RGBA a HEXADECIMAL

Parameters:

Name	Type	Description
`r`	Number	Rojo
`g`	Number	Verde
`b`	Number	Azul
`a`	Number	Alfa

Source: Utils/Colors.js, line 119

Returns:

Expresión Hexadecimal

Type:: String

(static) Rgb2Hsl(r, g, b, alpha) → {Object}

Convierte un rgba a Hsla, el alfa es opcional

Parameters:

Name	Type	Description
`r`	Number	Rojo
`g`	Number	Verde
`b`	Number	Azul
`alpha`	Number	Opacidad

Source: Utils/Colors.js, line 142

Returns:

Objecto con los datos HSLA

Type:: Object

(static) Rgb2Hsp(r, g, b) → {Object}

Calcula el HSP de un RGB

Parameters:

Name	Type	Description
`r`	Number	Rojo(0-255)
`g`	Number	Verde(0-255)
`b`	Number	Azul(0-255)

Source: Utils/Colors.js, line 204

Returns:

Un Objecto confomado por una clave hsp y una booleana isDark que indica si es o no oscuro el color

Type:: Object

(static) Rgb2Hwb(r, g, b) → {Object}

Convierte un RGB en HWB

Parameters:

Name	Type	Description
`r`	Number	Rojo
`g`	Number	Verde
`b`	Number	Azul

Source: Utils/Colors.js, line 183

Returns:

Objecto HWB

Type:: Object