css-color-names

What is css-color-names?

The css-color-names npm package provides a JSON object where the keys are CSS color names and the values are their corresponding hexadecimal color codes. It is a simple utility that can be used to convert CSS color names to hex codes and vice versa, facilitating developers in handling color names within their projects.

What are css-color-names's main functionalities?

Convert CSS color name to hex code

This feature allows you to retrieve the hexadecimal code of a CSS color name by accessing the value associated with the color name key in the css-color-names object.

"const cssColorNames = require('css-color-names');
console.log(cssColorNames['tomato']); // Outputs: '#ff6347'"

Check if a color name is valid

This demonstrates how to check if a given string is a valid CSS color name by checking if it is a key in the css-color-names object.

"const cssColorNames = require('css-color-names');
console.log('rebeccapurple' in cssColorNames); // Outputs: true"

Other packages similar to css-color-names

color-name

The color-name package provides an array of CSS color names and their RGB values. It is similar to css-color-names but focuses on RGB values instead of hex codes, making it useful for projects that work with RGB color models.

color-convert

color-convert is a comprehensive color conversion library that supports conversions between various color models (e.g., RGB, HEX, HSL, etc.). While it offers much more than css-color-names in terms of functionality, it can also be used to convert CSS color names to other formats, making it a more versatile but complex alternative.

README

css-color-names

A JSON Object of css color names mapped to their hex value

Usage

var csscolors = require('css-color-names');
console.dir(csscolors);

yields

{
  "aqua": "#00ffff",
  "aliceblue": "#f0f8ff",
  "antiquewhite": "#faebd7",
  "black": "#000000",
  "blue": "#0000ff",
  ...
}

How was this list generated?

In the Makefile you'll see a line like this:

./getcolors.sh | ./stringify.js > $(FILE)

The first command scrapes a site for the list, and outputs the results separated by newlines. The second command creates the JSON object and outputs it to stdout, which then gets redirected into css-color-names.json

Installation

npm install css-color-names

License

MIT