Convert colors to Material Design palette

Usage no npm install needed!

<script type="module">
  import materializer from '';



npm version

Convert colors to Material Design palette


Install materializer globally via npm:

npm install -g materializer

This will make the materializer command globally available.


Convert a color to its closest Material Design palette equivalent:

materializer ffcc00
# Outputs: #ffca28

Note that if specifying a hex color with the leading # character, the # must be escaped:

materializer \#ffcc00
# Outputs: #ffca28

By default, materializer will attempt to return the output color in the same format as the input color. You can optionally specify different output formats using the --format option:

materializer ffcc00 --format=hex
# Outputs: #ffca28

materializer ffcc00 --format=rgb
# Outputs: rgb(255,202,40)

materializer ffcc00 --format=hsl
# Outputs: hsl(45,100,58)

materializer ffcc00 --format=name
# Outputs: Amber 400

You can also specify the format using the -f shorthand option:

materializer ffcc00 -f rgb
# Outputs: rgb(255,202,40)

Multiple colors can be converted by specifying multiple input arguments:

materializer ffcc00 00ccff ff00cc --format=name
# Outputs:
#  Amber 400
#  Light Blue 300
#  Purple A200

Command line help is available by passing the --help option:

materializer --help

API usage

To use materializer programmatically within an npm project, install it locally:

npm install materializer

You can then convert colors from within your project using the materializer API:

var materializer = require('materializer');

var convertedColor = materializer('#ffcc00');

    name: 'Amber 400',
    r: 255,
    g: 202,
    b: 40,
    h: 45,
    s: 100,
    l: 58,
    hex: '#ffca28',
    rgb: 'rgb(255,202,40)',
    hsl: 'hsl(45,100,58)'

console.log(convertedColor.hex); // Output: #ffca28

The materializer accepts all valid CSS color strings, and returns an object containing multiple color formats as shown above.