gradient.js

gradient.js

Create colorful gradient arrays in a single line of code.

Installation

Download the Github repo or run:

npm i gradient.js

Usage

const { Gradient } = require("gradient.js");

Gradient.create(
	100,
	"rgb(255, 209, 209)",
	"#FBFFDE",
	"#D7FDDF",
	"#E0FFFD",
	"hsl(240, 96%, 91%)",
	"#F9DEFF"
);

^{(an image created using canvas and data from the above array)}

Gradient.create(resolution, ...colors);

Gradient.create() takes in a resolution, which determines how many colors to create in between each provided color. It is always the first argument. It is followed by the colors you want the gradient to move between. An unlimited number of colors, in any (CSS) accepted format can be used. An array of rgba(r, g, b, a); colors are returned.

Gradient.colorKeyMap

Gradient.colorKeyMap is an array of every CSS color name and its corrosponding RGBA value.

black: [0, 0, 0, 1],
silver: [192, 192, 192, 1],

Gradient.convertToRGBA(color)

Gradient.convertToRGBA() takes in any CSS accepted color and turns it into an RGBA array. [r, g, b, a]

Gradient.rgbaStyler(rgba)

Gradient.rgbaStyler() creates a formatted CSS-compatible string from an array. i.e.: [0, 0, 0, 0] becomes "rgba(0, 0, 0, 0)".