# colors-named > A array with color names. Latest version **1.0.5** (published 2026-03-19) · MIT license · 0 weekly downloads ## Install ```sh npm install colors-named pnpm add colors-named yarn add colors-named bun add colors-named ``` ## Health **Score 65/100 (B)** — status: stable. Positive: has types; esm support; no vulnerabilities; has provenance; high quality score. Warnings: low downloads. ## Facts | | | |---|---| | Version | 1.0.5 | | Published | 2026-03-19 | | First published | 2022-07-10 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM | | Node | >=14.16 | | Dependencies | 0 | | Unpacked size | 23.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Provenance | attested (GitHub Actions) | | Author | Kenny Wang | | Maintainers | wcjiang | | Keywords | color, colors, colors-named, named-colors, named | ## Links - npm: https://www.npmjs.com/package/colors-named - Repository: https://github.com/jaywcjlove/colors-named - Homepage: https://jaywcjlove.github.io/colors-named/ - Issues: https://github.com/jaywcjlove/colors-named/issues - Funding: https://jaywcjlove.github.io/#/sponsor - npm.io page: https://npm.io/package/colors-named ## Alternatives - [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads - [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads - [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads - [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads - [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads ## Recent versions - 1.0.5 (latest) — 2026-03-19 - 1.0.4 — 2025-12-17 - 1.0.3 — 2025-12-17 - 1.0.2 — 2023-11-27 - 1.0.1 — 2022-07-10 - 1.0.0 — 2022-07-10 - 0.0.1 — 2022-07-10 ## README

^{Using my app is also a way to support me:}

colors-named === [![Buy me a coffee](https://img.shields.io/badge/Buy_Me_a_Coffee-ffdd00?logo=buy-me-a-coffee&logoColor=black)](https://jaywcjlove.github.io/#/sponsor) [![Follow On X](https://img.shields.io/badge/Follow%20on%20X-333333?logo=x&logoColor=white)](https://x.com/jaywcjlove) [![Build & Deploy](https://github.com/jaywcjlove/colors-named/actions/workflows/ci.yml/badge.svg)](https://github.com/jaywcjlove/colors-named/actions/workflows/ci.yml) [![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/colors-named/file/README.md) [![npm version](https://img.shields.io/npm/v/colors-named.svg)](https://www.npmjs.com/package/colors-named) [![Coverage Status](https://jaywcjlove.github.io/colors-named/badges.svg)](https://jaywcjlove.github.io/colors-named/lcov-report/) A array with color names. Based on https://www.w3.org/TR/css-color-4/#named-colors ## Installation This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c): Node 12+ is needed to use it and it must be import instead of require. ```bash npm install colors-named ``` If you still want to use in CommonJS, you can use dynamic `import()` to load. ```js const named = await import('colors-named'); // Fix compiling in typescript. // https://github.com/microsoft/TypeScript/issues/43329#issuecomment-922544562 const named = await (Function('return import("colors-named")')()) as Promise; ``` ## Usage ```js import named from "colors-named"; console.log(named) // => ['aliceblue', 'antiquewhite', 'aqua', ... ] console.log(named.includes('red')) // => true console.log(named.length) // => 148 ``` ```js '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], ... -> ... -> ... ]; ]; ]; ``` ```js 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 ```ts /** * A array with color names. Based on https://www.w3.org/TR/css-color-4/#named-colors */ declare const names: readonly [ "aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkgrey", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkslategrey", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dimgrey", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "green", "greenyellow", "grey", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightgrey", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightslategrey", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "rebeccapurple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "slategrey", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen" ]; export default names; ``` ## Related - [`colors-named-hex`](https://jaywcjlove.github.io/colors-named-hex) A array with color name -> Hex rgb. - [`colors-named-decimal`](https://github.com/jaywcjlove/colors-named-decimal) A array with color name -> decimal rgb. ## Contributors As always, thanks to our amazing contributors!

Made with [action-contributors](https://github.com/jaywcjlove/github-action-contributors). ## License Licensed under the MIT License. --- _Source: https://npm.io/package/colors-named · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._