Skip to content

jaywcjlove/colors-named-decimal

Repository files navigation

Using my app is also a way to support me:
Scap: Screenshot & Markup Edit Screen Test Deskmark Keyzer Vidwall Hub VidCrop Vidwall Mousio Hint Mousio Musicer Audioer FileSentinel FocusCursor Videoer KeyClicker DayBar Iconed Menuist Quick RSS Quick RSS Web Serve Copybook Generator DevTutor for SwiftUI RegexMate Time Passage Iconize Folder Textsound Saver Create Custom Symbols DevHub Resume Revise Palette Genius Symbol Scribe

colors-named-decimal

Buy me a coffee Follow On X 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.

About

A array with color name -> decimal rgbs.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Packages

 
 
 

Contributors