A array with color name -> decimal rgbs.

Last update: Jul 20, 2022

Overview

colors-named-decimal

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;

colors-named A array with color names..
colors-named-hex A array with color name -> Hex rgb.

Contributors

As always, thanks to our amazing contributors!

Made with action-contributors.

License

Licensed under the MIT License.

A tool for creating and maintaining cohesive, consistent, and accessible color palettes

Primer Prism Primer Prism is a tool for creating and maintaining cohesive, consistent, and accessible color palettes. 🌈 primer.style/prism 📝 Read th

Jan 3, 2023

A TypeScript package to calculate WCAG 2.0/3.0 and APCA color contrasts

a11y-color-contrast A simple utility package for working with WCAG 2.2/3.0 color contrasts a11y: Built for checking how readable colors are together S

Oct 10, 2022

A simple Discord bot that will listen for HEX, RGB(a), and HSL(a) colors in a message, and provide a small image of that color.

Pigment For the teams of designers and developers out there - Pigment will listen for messages containing a HEX, RGB(a), or HSL(a) color, and provide

Dec 8, 2022

A string of four operations of the library, can solve the js digital calculation accuracy of scientific notation and formatting problems, support for thousands of decimal point formatting output operations

A string of four operations of the library, can solve the js digital calculation accuracy of scientific notation and formatting problems, support for thousands of decimal point formatting output operations

Apr 6, 2022

Small utilities for big decimal numbers.

dnum dnum (Decimal Numbers) is a library that allows to operate on large numbers represented as a pair composed of a BigInt for the value, and a Numbe

Dec 21, 2022

This project is created to store the name of the book and the name of its author, build with JavaScript.

awesome-books A plain javascript project that can keep track of a list of books utilizing localStorage. See live demo Built With HTML CSS Javascript T

Jul 19, 2022

🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.

jquery.adaptive-backgrounds.js A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

Dec 21, 2022

Change the color of an image to a specific color you have in mind.

image-recolor Run it: https://image-recolor.vercel.app/ image.recolor.mov Acknowledgments Daniel Büchele for the algorithm: https://twitter.com/daniel

Oct 25, 2022

Colormath.js - a color conversion and color manipulation library written in typescript for Node.js, Deno and Browser

Feb 8, 2022

A little toy app to help you find the nearest match for a given color within a Figma Tokens color palette.

Hey Palette So you've got a color palette in Figma and you've used the Figma Tokens plugin to export that palette to JSON. Let's say you have a color

Nov 15, 2022

Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo

Oct 23, 2022

Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.

Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de

Jun 27, 2022

Comments

Dependency Dashboard
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

[ ] chore(deps): update jaywcjlove/create-tag-action action to v1.3.15

[ ] chore(deps): update jaywcjlove/changelog-generator action to v1.6.2

Detected dependencies

github-actions

.github/workflows/ci.yml

actions/checkout v3

actions/setup-node v3

jaywcjlove/create-tag-action v1.3.8

jaywcjlove/changelog-generator v1.5.7

peaceiris/actions-gh-pages v3

jaywcjlove/changelog-generator v1.5.7

ncipollo/release-action v1

JS-DevTools/npm-publish v1

actions/checkout v3

actions/setup-node v3

npm

package.json

colors-named ^1.0.0

husky ^8.0.1

lint-staged ^13.0.3

prettier ^2.7.1

tsbb ~3.7.6

node >=14.16

[ ] Check this box to trigger a request for Renovate to run again on this repository
opened by renovate[bot] 0

Releases(v1.0.0)

v1.0.0(Jul 10, 2022)
Documentation v1.0.0: https://raw.githack.com/jaywcjlove/colors-named-decimal/3c0395e/index.html
Comparing Changes: https://github.com/jaywcjlove/colors-named-decimal/compare/v0.0.1...v1.0.0

npm i [email protected]

💄 chore: update workflows config. ad76ec3 @jaywcjlove

Source code(tar.gz)
Source code(zip)
v0.0.1(Jul 10, 2022)

Source code(tar.gz)
Source code(zip)