@adeira/css-colors

Utility functions for working with CSS/HTML colors.

Installation

yarn add @adeira/css-colors

Usage

Get color keywords

import { cssColorNames } from '@adeira/css-colors';

cssColorNames.get('rebeccapurple'); // => #663399

The imported cssColorNames is actually a Map of all CSS keywords.

Is it a color?

import { isColor } from '@adeira/css-colors';

isColor('#663399'); // true
isColor('rebeccapurple'); // true
isColor('rgb(255, 255, 128)'); // true
isColor('hsl(50, 33%, 25)'); // false (should be 25%)

Normalize colors

import { normalizeColor } from '@adeira/css-colors';

normalizeColor('#639'); // #639
normalizeColor('#663399'); // #639
normalizeColor('rebeccapurple'); // #639

HEX 6 to HEX 3

import { hex6ToHex3 } from '@adeira/css-colors';

hex6ToHex3('#663399'); // #639