Color Namer
"Naming colors has never been this easy!" - Abraham Lincoln
A web app that provides a name for a color. EZPZ.
Key Features
- Over 15,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 - Utility to find nearest matching color
- tinycolor2 - Color manipulation and conversion
- color-names - List of 15,000+ color names accessible through their API
- jscolor-picker - A color picker used when the browser doesn't support the native color picker display with
input[type='color']
Inspirations
- Name That Color - I've used this tool a lot and is the original inspiration for this project
- David A.'s CodePen - 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 - 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