npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

color-name-list

v11.0.0

Published

long list of color names

Downloads

132,790

Readme

Color Names

Actions Status GitHub release npm version npm name count github sponsor count

A handpicked list of 30242 unique color names from various sources and thousands of curated user submissions.

The names of color function like a thread attached to a frightfully slender needle, capable of stitching together our most delicate emotions and memories. When the needle hits the target, we feel either pleasure or empathy. Kenya Hara – White

About 📋

The aim of this project is to create a list of color names as large as possible, while keeping a good name quality. We've merged various lists, modified the names when there were duplicates with different hex values, and shifted the colors a bit when there were identical colors with different names.

Explore 🌍

Color Name Submission 💌

via form 🌈 / or twitter 🐦

Make sure to read the naming rules before you contribute!

Color Count: 30242 🎉

~0.18% of the RGB color space

Color distribution 🛰

3d representation of color distribution in RGB Space (Preview image of link above)

When coming up with new color names, it is vital to know what spots in a certain color-space are crowded and where there is still room for new colors. For example: Our API returns the closest RGB color to a given HEX value. To avoid too many colors snapping to the same name, we aim to distribute the colors evenly in the color space: Visualization

Usage 📖

Node.js Installation 📦

Size Warning (1.15 MB): If you are doing this in the browser, consider using the public rest API

npm install color-name-list --save

or yarn add color-name-list

CDN 🌍

All Names 📚

JSON / JSON.min / CSV / YML / JS / XML / HTML / SCSS

Best of Names subset 🏆

JSON / JSON.min / CSV / YML / JS / XML / HTML / SCSS / CSS

API 🃏

To make it easier to access the names, we offer a free and public Rest API that allows you to access all the color names and names from other publicly available name lists. You can find the full API code and documentation in this repository.

API Example Call Usage

https://api.color.pizza/v1/?values=00f,f00,f00&list=bestOf

API Disclaimer

The API is free to use and has no limitations. But if your app/site is commercial and causes excessive traffic, I might contact you to become a sponsor.

Feel free to deploy it yourself, it is very easy to host/deploy on heroku and has no dependencies Color-Name-API

Usage JS ⌨

Size Warning (1.15 MB): If you are doing this in the browser, consider using the public rest API

Exact Color

import { colornames } from 'color-name-list';

let someColor = colornames.find(color => color.hex === '#ffffff');
console.log(someColor.name); // => white

let someNamedColor = colornames.find(color => color.name === 'Eigengrau')
console.log(someColor.hex); // => #16161d

Closest Named Color

Since there are 16777216 possible RGB colors, you might use a library such as nearest-color or ClosestVector to help you find the the closest named color.

import nearestColor from 'nearest-color';
import { colornames } from 'color-name-list';

// nearestColor need objects {name => hex} as input
const colors = colornames.reduce((o, { name, hex }) => Object.assign(o, { [name]: hex }), {});

const nearest = nearestColor.from(colors);

// get closest named color
nearest('#f1c1d1'); // => Fairy Tale

Note: If you are looking for something visually more accurate, you could use DeltaE or use the above snippet, but using ciecam02 instead of RGB.

Building 🔨

npm install && npm run build

See package.json for more.

Usage Java/Kotlin ⌨

Java/Kotlin usage is maintained through this library: UwUAroze/Color-Names. Additional info can be found there, but basic usage is outlined below:

Importing - Gradle.kts

repositories {
      maven("https://jitpack.io")
}

dependencies {
      implementation("me.aroze:color-names:1.0.2")
}

Importing - Maven

<repository>
  <id>jitpack.io</id>
  <url>https://jitpack.io</url>
</repository>

<dependency>
  <groupId>me.aroze</groupId>
  <artifactId>color-names</artifactId>
  <version>1.0.2</version>
</dependency>

Closest named color - Java

public ColorNames colorNames = new ColorNameBuilder()
  .loadDefaults()
  .build();

String fromHex = colorNames.getName("#facfea"); // "Classic Rose"
String fromRGB = colorNames.getName(224, 224, 255); // "Stoic White"
String fromColor = colorNames.getName(new Color(255, 219, 240)); // "Silky Pink"

Closest named color - Kotlin

val colorNames = ColorNameBuilder()
  .loadDefaults()
  .build()

val fromHex = colorNames.getName("#facfea") // "Classic Rose"
val fromRGB = colorNames.getName(224, 224, 255) // "Stoic White"
val fromColor = colorNames.getName(Color(255, 219, 240)) // "Silky Pink"

Sources 🗒

Sources: Names 📇

Contributors 🦑

Costs & Sponsors

Sponsors

Past Sponsors

Project Costs USD

One-Time

| Item | Expenditure | | ----------------------- | ------------- | | Logo by Metafizzy | 800 |

Periodic

| Item | Expenditure | | ----------------------- | ------------- | | Color Name API Server | 264.60/year | | color.pizza domain name | 36.16/year | | Cloudflare PRO Plan | 240/year |

Color Namers

Verena the naming overlord , Jess the name wizard , Syl , Stephanie Stutz , Simbiasamba , Jason Wilson , Inês João , Nick Niles , Qwhex , Ichatdelune , basgys , Shelina S. , Trevor Elia , cheesits456 , Sandhya Subram , BerylBucket , Jimmy Fitzback , TLZ , DarthTorus , Carrion , BlueChaos , nachtfunke , Sean Gibbons , Brantley Sibo

Disclaimer 👮🏾‍

In an effort to create a more inclusive and respectful environment, we strive to remove all offensive and racist names, as well as protected brand names, from our list. While we do our best to screen out such names, some may still slip through. If you come across any such names, please let us know so that we can remove them promptly.

Latest Color Names 🔖

New colors