Skip to content

jaywcjlove/colors-named-decimal

Repository files navigation

colors-named-decimal

Buy me a coffee Build & Deploy Open in unpkg npm version Coverage Status

A array with color name -> decimal rgbs. Based on https://www.w3.org/TR/css-color-4/#colors-named

Installation

This package is ESM only: Node 12+ is needed to use it and it must be import instead of require.

npm install colors-named-decimal

If you still want to use in CommonJS, you can use dynamic import() to load.

const named = await import('colors-named-decimal');

// Fix compiling in typescript.
// https://github.com/microsoft/TypeScript/issues/43329#issuecomment-922544562
const named = await (Function('return import("colors-named-decimal")')()) as Promise<typeof import("colors-named-decimal")>;

Usage

import decimal from "colors-named-decimal";

console.log(decimal)
// =====>
// [
//   [240, 248, 255],
//   [250, 235, 215],
//   [0, 255, 255],
//   [127, 255, 212],
//   [240, 255, 255],
//   [245, 245, 220],
//   [255, 228, 196],
//   ...
// ]
console.log(decimal.length)   // => 148
'colors-named'                'colors-named-hex'          'colors-named-decimal'
===============              ===================         =====================
const named = [                const hexs = [             const hexs = [
  'aliceblue',         ->        '#F0F8FF',       ->        [240, 248, 255],
  'antiquewhite',      ->        '#FAEBD7',       ->        [250, 235, 215],
  'aqua',              ->        '#00FFFF',       ->        [0, 255, 255],
  'aquamarine',        ->        '#7FFFD4',       ->        [127, 255, 212],
  'azure',             ->        '#F0FFFF',       ->        [240, 255, 255],
  'beige',             ->        '#F5F5DC',       ->        [245, 245, 220],
  'bisque',            ->        '#FFE4C4',       ->        [255, 228, 196],
  'black',             ->        '#000000',       ->        [0, 0, 0],
  'blanchedalmond',    ->        '#FFEBCD',       ->        [255, 235, 205],
  'blue',              ->        '#0000FF',       ->        [0, 0, 255],
  'blueviolet',        ->        '#8A2BE2',       ->        [138, 43, 226],
  'brown',             ->        '#A52A2A',       ->        [165, 42, 42],
  ...                  ->        ...              ->        ...
];                             ];                         ];
import hexs from "colors-named-hex";
import named from "colors-named";
import decimal from "colors-named-decimal";

decimal[named.indexOf('aliceblue')] // => [240, 248, 255]
decimal[named.indexOf('red')]       // => [255, 0, 0]
decimal[named.indexOf('black')]     // => [0, 0, 0]

hexs[named.indexOf('aliceblue')] // => #F0F8FF
hexs[named.indexOf('red')]       // => #FF0000
hexs[named.indexOf('black')]     // => #000000

API

/**
 * A array with color name -> decimal rgbs. Based on https://www.w3.org/TR/css-color-4/#colors-named
 */
declare const decimal: number[][];
export default decimal;

Related

Contributors

As always, thanks to our amazing contributors!

Made with action-contributors.

License

Licensed under the MIT License.