https://github.com/robertcoopercode/color-namer
Web app that generates color names for hex and rgb colors 🎨
https://github.com/robertcoopercode/color-namer
Last synced: about 1 year ago
JSON representation
Web app that generates color names for hex and rgb colors 🎨
- Host: GitHub
- URL: https://github.com/robertcoopercode/color-namer
- Owner: robertcoopercode
- Created: 2018-07-04T04:35:32.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2024-08-06T09:03:19.000Z (almost 2 years ago)
- Last Synced: 2025-03-26T22:36:09.743Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://colornamer.netlify.com
- Size: 438 KB
- Stars: 101
- Watchers: 2
- Forks: 16
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Color namer
>"Naming colors has never been this easy!"
> \- **_Abraham Lincoln_**
A [web app](colornamer.netlify.com) that provides a name for a color. EZPZ.
## Key Features``
- Over 30,000 color names ⚡️
- Accepts both hex and rgb formats 🎨
- Color picker 🏹
## Example
If you enter **#fb8a70**, you'll receive the name of **SALMON NIGIRI** along with the hex and rgb color representations, which would be **#fb8a70** and **rgb(251, 138, 112)**, respectively.
You might be asking yourself, _"What is SALMON NIGIRI"_?
My answer: _"
Who the hell knows? 🤷"_
## Accepted Color formats:
- hex with hash (e.g. **#323** or **#332233**)
- hex without hash (e.g. **323** or **332233**)
- rgb (e.g. **rgb(103, 33, 158)**)
- supported CSS color names (e.g. **red**)
## Dependencies
- **[nearest-color](https://github.com/dtao/nearest-color)** - Utility to find nearest matching color
- **[tinycolor2](https://github.com/bgrins/TinyColor)** - Color manipulation and conversion
- **[color-names](https://github.com/meodai/color-names)** - List of 15,000+ color names accessible through their API
- **[jscolor-picker](http://jscolor.com/)** - A color picker used when the browser doesn't support the native color picker display with `input[type='color']`
## Inspirations + Contributions
- **[David Aerne](https://twitter.com/meodai)** - Maintains the API for all the color names and has even contributed to the web app itself!
- **[Name That Color](http://chir.ag/projects/name-that-color/#6195ED)** - I've used this tool a lot and is the original inspiration for this project
- **[David A.'s CodePen](https://codepen.io/meodai/details/mEvZRx#forks)** - I actually used a good deal of his code in this app with a few changes to the functionality and a different look
- **["Sass Color Variables That Don't Suck" - Landon Schropp](https://davidwalsh.name/sass-color-variables-dont-suck)** - This article outlines how I follow naming variables in my code and it requires many different names for colors, which is what motivated me to build this