Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Large list of handpicked color names 🌈

License

NotificationsYou must be signed in to change notification settings

meodai/color-names

Repository files navigation

Color Names Logo

Color Names

GitHub releasenpm versionnpmgithub sponsor count

A meticulously curated collection of30363 unique color names, sourced fromvarious references and thousands of thoughtful user contributions.

The names of color function like a thread attached to a frightfully slenderneedle, 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

Explore / Find Names |Name distribution in different models |Usage |CDN |Public Rest API |Usage JS/Java/Kotlin/C# |Name Sources |Latest Color Names |Sponsors

About 📋

This project aims to assemble the largest possible list of color names,while maintaining high standards for name quality. We have merged numerouslists, resolved duplicate names with different hex values,and adjusted colors where identical values had different names.

Explore 🌍

  • Color Picker & Name Search: Click the wheel to discover a color name,or use the full text search.
  • Color Picker: Click the colored area to change the color or enter a hexvalue below the name.
  • Color Picker II: Move your mouse and scroll to select a color.
  • Name Search: Perform a full text search on the color list.
  • Color Distribution: Explore a 3D visualization of all color names in variouscolor models.
  • Twitter Bot: Posts random colors and allows you to submit new ones.

Color Name Submission 💌

via form 🌈/ ortwitter 🐦

Please review thenaming rules before contributing!

Contributing via Git 🫱🏽‍🫲🏻

To contribute via Git, edit thesrc/colornames.csv fileand ensure it builds correctly (npm run ci && npm run build).

Color Count:30363 🎉

~0.18% of the RGB color space

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

When creating new color names, it's essential to understand which areas of acolor space are crowded and where new names can be added. For example, our APIreturns the closestRGB color to a givenHEX value. To prevent too manycolors from mapping to the same name, we strive for an even distribution incolor space:Visualization

Usage 📖

Consuming the list

The list is available inmultiple formats,or you can use thepublic REST API, making it easy to integrate intoyour project.

Node.js Installation 📦

Size Warning (1.16 MB): For browser usage,consider thepublic rest API

npm install color-name-list --save

oryarn 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 simplify access, we provide a free and public REST API for all color namesand other public name lists. Full API code and documentation are availablein this repository.

API Example Call Usage

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

API Disclaimer

The API is free and has no usage limits. However, if your commercial app or sitegenerates excessive traffic, you may be asked to become a sponsor.

You are welcome to self-host the API—it's easy to deploy on Heroku and reliesonly on a few dependencies:Color-Name-API

Usage JS ⌨

Size Warning (1.16 MB): For browser usage,consider thepublic rest API

Exact Color

import{colornames}from'color-name-list';letsomeColor=colornames.find((color)=>color.hex==='#ffffff');console.log(someColor.name);// => whiteletsomeNamedColor=colornames.find((color)=>color.name==='Eigengrau');console.log(someColor.hex);// => #16161d

Closest Named Color

With 16,777,216 possible RGB colors, you may want to use a library such asnearest-color orClosestVector to find the closest named color.

importnearestColorfrom'nearest-color';import{colornames}from'color-name-list';// nearestColor expects an object {name => hex}constcolors=colornames.reduce((o,{ name, hex})=>Object.assign(o,{[name]:hex}),{});constnearest=nearestColor.from(colors);// get closest named colornearest('#f1c1d1');// => Fairy Tale

Note: For greater visual accuracy, consider usingDeltaE or the aboveapproach withciecam02 instead of RGB.

Building 🔨

npm install&& npm run build

Seepackage.json for details.

Usage Java/Kotlin ⌨

Java/Kotlin support is provided by:UwUAroze/Color-Names.See the repository for more, or use the basics below:

Importing - Gradle.kts

repositories {      maven("https://jitpack.io")}dependencies {      implementation("me.aroze:color-names:1.0.4")}

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.4</version></dependency>

Closest named color - Java

publicColorNamescolorNames =newColorNameBuilder()  .loadDefaults()  .build();StringfromHex =colorNames.getName("#facfea");// "Classic Rose"StringfromRGB =colorNames.getName(224,224,255);// "Stoic White"StringfromColor =colorNames.getName(newColor(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"

Usage C# ⌨

C# support is provided by:vycdev/ColorNamesSharpSee the repository for more details; basic usage is below:

The library is available as anuget package

Creating the instance

ColorNamescolorNames=newColorNamesBuilder().Add("Best Blue","#3299fe")// Add your own custom colors.LoadDefault()// Load the default color list.AddFromCsv("path/to/your/colorlist.csv")// Add a custom color list from a csv file.Build();// Get a new ColorNames instance that includes all the colors you've added

Getting a fitting color name

NamedColorcustomNamedColor=new("Custom Named Color",50,153,254);// You can directly get the name of the color as a stringstringcolorNameFromHex=colorNames.FindClosestColorName("#facfea");// Classic RosestringcolorNameFromRgb=colorNames.FindClosestColorName(224,224,255);// Stoic WhitestringcolorNameFromNamedColor=colorNames.FindClosestColorName(customNamedColor);// Best Blue// Or similarly you can get the NamedColor objectNamedColornamedColorFromHex=colorNames.FindClosestColorName("#facfea");// Classic RoseNamedColornamedColorFromRgb=colorNames.FindClosestColorName(224,224,255);// Stoic WhiteNamedColornamedColorFromNamedColor=colorNames.FindClosestColorName(customNamedColor);// Best Blue// Or a random colorNamedColorrandomColor=colorNames.GetRandomNamedColor();

Sources 🗒

Sources: Names 📇

Contributors 🦑

Costs & Sponsors

Sponsors

Past Sponsors

Project Costs USD

One-Time

ItemExpenditure
Logo by Metafizzy800

Periodic

ItemExpenditure
Color Name API Server264.60/year
color.pizza domain name36.16/year
Cloudflare PRO Plan240/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, Jeff Bronks, Joseph Oloughlin, Nathan Swift, Abra Giddings, Iraj Nelson

Disclaimer 👮🏾‍

We are committed to fostering an inclusive and respectful environment.We actively remove any offensive, racist, or protected brand names from ourlist. While we strive to screen out such names, some may inadvertently remain.If you encounter any, pleaselet us knowso we can address them promptly.

Latest Color Names 🔖

New colors


[8]ページ先頭

©2009-2025 Movatter.jp