@mindpowered/colorconverter NPM

colorconverter

Converter to convert between various color systems such as RGB, CIELAB, CMYK, HEX, RGB, and XYZ

Build Status

Source Code and Documentation
About
Requirements
Installation
Usage
Support
Licensing

Source Code and Documentation

Source Code: https://github.com/mindpowered/color-converter-js
Documentation: https://mindpowered.github.io/color-converter-js

About

Defining a color is difficult. The first challenge is finding a way to describe a color. One way is to describe color based on constituent colors. We can describe constituent colors by adding them, like in RGB, or subtracting them, like in CMYK. Gamut is the range of all colors that are representable in a color system. RGB trades a limited gamut for performance. LAB trades performance for the full gamut of visible colors. CMYK represents the gamut used in color printing.

The second challenge to defining a color is that it depends on the observer. Viewing the same color will look different when:

printed on paper or displayed on a screen
seen in daylight or under fluorescent lighting
positioned at a close or far distance Standard references such as the Pantone Matching System refer to specific colors. We lose information when converting from a reference color to a color system. Printing or rendering an RGB or CMYK color equivalent to a reference color may not match. We can avoid information loss during conversion by using an unlimited gamut such as LAB. We must also take into account the effect of the observer and illumination.

This package aims to provide tools to perform:

Color conversion between color systems
A way of searching for similar standardized reference colors

Requirements

Third-party dependencies may have additional requirements.

Installation

npm

You can retrieve the colorconverter package using npm https://www.npmjs.com/. After initializing your packages.json file in your project’s directory with npm init, you can install the colorconverter package with

npm i @mindpowered/colorconverter --save

hint: the --save option will add the newly installed dependency in your packages.json file.

package.json

You can also add the package directly to your packages.json file.

...

Usage

let mpccc = require('@mindpowered/colorconverter');
const {ColorConverter} = mpccc;

let cc = new ColorConverter();
let colors = cc.FromHEX("#336699");