radiovisual / html-colors

Get a list of all the HTML and CSS color names and their hex values.

html-colors

Get a list of all the HTML and CSS color names and their hex values.

The color list is just a JSON file and can be used wherever.

Install

$ npm install --save html-colors

Usage

const htmlColors = require('html-colors');

// Get an object with all color names and hex values
htmlColors.all();
//=> { lightgreen: '#90EE90', mediumpurple: '#9370DB', ... }

// Get an array of all the color names
htmlColors.names();
//=> [ 'lightgreen', 'mediumpurple', 'darkviolet', ... ]

// Get the hex color from a color name
htmlColors.hex('pink');
//=> '#FFC0CB'

// Get a random HTML color name
htmlColors.random();
//=> 'antiquewhite'

API

.all()

Get an object with all the HTML color names and their HEX values.

htmlColors.all();
//=> { lightgreen: '#90EE90', mediumpurple: '#9370DB', ... }

.names()

Get an array with all the HTML color names.

htmlColors.names();
//=> [ 'lightgreen', 'mediumpurple', 'darkviolet', ... ]

.hex(colorname)

Get the hexadecimal color code from a color name.

Input Type: string

htmlColors.hex('hotpink');
//=> '#FF69B4'

.random()

Get a random HTML color name string.

htmlColors.random();
//=> 'peachpuff'

Contributions

Please feel free to open an issue or send a pull request. Contributions are always welcome.

License

MIT © Michael Wuergler

html-colors's Issues

Ensure that all the named HTML colors are represented.

http://www.december.com/html/spec/color16.html
http://www.december.com/html/spec/colorsvg.html
https://www.w3.org/wiki/CSS/Properties/color/keywords

build breaks with webpack.js

When building project that imports html-colors using Webpack.js, build fails at

html-colors/index.js

Line 3 in 7b7be29

const htmlColors = require('./html-colors');

Webpack is expecting js module.

To fix that, .json extension is needed to be specified.

const htmlColors = require('./html-colors.json');