Popularity
0.2
Growing
Activity
7.6
Declining
1
1
0

Programming language: JavaScript
License: MIT License
Tags: Color     Generator     Random     Bluedye    

BlueDyeJS alternatives and similar libraries

Based on the "Color" category.
Alternatively, view BlueDyeJS alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of BlueDyeJS or a related project?

Add another 'Color' Library

README

BlueDyeJS

Lightweight javascript library for color manipulations.

Try Our Demo

1.3.0 MIT

Table of Contents

  1. Usage
    1. Supported Arguments
    2. Export Color As
      1. String
      2. Number
      3. Array
    3. Tags
    4. Names
    5. History tracking
    6. Reset and Pin
  2. Installation ## Usage
    const bluedye = require('@yokgs/bluedyejs');

    let color = bluedye('red'),
        defaultColor = bluedye(), // transparent
        black = bluedye(false),
        blackToo=bluedye(0),
        white=bluedye(true),
        blue=bluedye('#0000ff'),
        randomColor = bluedye.random();

Supported arguments

input equivalent undefined rgba(0, 0, 0, 0) null rgba(0, 0, 0, 0) '' rgba(0, 0, 0, 0) false rgba(0, 0, 0, 1) true rgba(255, 255, 255, 1) rgb(0, 0, 0) ... rgb(255, 255, 255) rgba(0, 0, 0, 1) ... rgba(255, 255, 255, 1) bluedye.rgb(0, 0, 0) ... bluedye.rgb(255, 255, 255) Number (0 ... 16777215) rgba(0, 0, 0, 1) ... rgba(255, 255, 255, 1) bluedye.number(0) ... bluedye.number(16777215) [n] ([0] ... [255]) rgba(n, n, n, 1) (rgba(0, 0, 0, 1) ... rgba(255, 255, 255, 1)) bluedye.grayscale(0) ... bluedye.grayscale(255) [r, g, b] ([0, 0, 0] ... [255, 255, 255]) rgba(r, g, b, 1) (rgba(0, 0, 0, 1) ... rgba(255, 255, 255, 1)) [r, g, b, a] ([0, 0, 0, 0] ... [255, 255, 255, 1]) rgba(r, g, b, a) (rgba(0, 0, 0, 0) ... rgba(255, 255, 255, 1))

Export color object as

String

    color.css() // "rgb(255,0,0)"
    color.alpha(.6).css() // "rgba(255,0,0,0.6)"
    color.hex() // "#ff0000" (NOTE : hex() does not support alpha values)
    defaultColor.hex() // "#000000"
    defaultColor.css() // "rgba(0,0,0,0)"

Number

    color.number() // 16711680
    black.number() // 0

Array

    color.toArray() // [255, 0, 0, 0.6]
    black.toArray() // [0, 0, 0, 1]

Tags

    var a = bluedye().red(88).blue(11);
    a.RED // 88
    a.BLUE // 11
    a.setTag('my-color');
    a = 0; // oops our color is gone :(
    // do not worry we can recover it
    var b = bluedye.getColor('my-color');
    b.RED // 88 
    b.BLUE // 11
    b.green(30);
    b.GREEN // 30
    var c = bluedye.getColor('my-color');
    c.GREEN // 30 (my-color is automatically updated)
    c.red(255);
    c.RED // 255
    b.RED // 255 too (b and c represent the same color)
    b.setTag('color1').setTag('color2');
    bluedye.getColor('color1') // undefined (why? each color has only one tag)
    c.tag // color2 (tag 'my-color' is updated to 'color2')

Names

    var a = bluedye().red(88).blue(11);
    a.RED // 88
    a.BLUE // 11
    a.name('my-color');
    a = 0; // oops our color is gone :(
    // do not worry we can recover it
    var b = bluedye('my-color'); // or bluedye.colorName('my-color')
    b.RED // 88 
    b.BLUE // 11
    b.green(30);
    b.GREEN // 30
    var c = bluedye('my-color');
    c.GREEN // 0 (my-color is a constant)
    c.red(255);
    c.RED // 255
    b.RED // still 88 (b and c are two diffrent colors)
    b.name('color1').name('color2');
    bluedye.name('color1') // rgb(88,0,11) (!=undefined)

Note: Default colors will be added in the future e.g. red:'#f00', yellow:'#ff0'...

History tracking

    let a = bluedye();
    a.BLUE // 0
    a.blue(15);
    a.BLUE // 15
    a.undo();
    a.BLUE // 0
    a.red(7).green(100).blue(6);
           a.toArray() // [7, 100, 6, 0]
    a.undo().toArray() // [7, 100, 0, 0]
    a.undo().toArray() // [7, 0, 0, 0]
    a.undo().toArray() // [0, 0, 0, 0]
    a.undo().toArray() // [0, 0, 0, 0]

Reset and Pin

    let a = bluedye();
    a.toArray() // [0, 0, 0, 0]
    a.red(7).green(100).blue(6);
    a.toArray() // [7, 100, 6, 0]
    a.pin();
    a.undo().toArray() // [7, 100, 6, 0]
    a.undo().toArray() // [7, 100, 6, 0] (`undo` do not work)
    a.gray().light(50);
    a.reset();
    a.toArray() // [7, 100, 6, 0]
    a.rgb(55,88,90);
    a.reset();
    a.toArray() // [7, 100, 6, 0]
    a.rgb(55,88,90).pin();
    a.reset();
    a.toArray() // [55, 88, 90, 0]

Installation

npm install @yokgs/bluedyejs --registry=https://npm.pkg.github.com


*Note that all licence references and agreements mentioned in the BlueDyeJS README section above are relevant to that project's source code only.