Color Name Finder
Find the name of any color by picking from a color wheel or entering a hex code.
About this calculator
Pick a colour or enter a hex code and get the nearest named colour. The match is the closest in RGB distance.
Useful when you need to describe a brand colour in words.
How to use it
- Pick a colour or enter a hex code.
- Press Find Name.
- Read the closest name.
Nearest-name matching
The tool computes the distance between your colour and every named colour in its list, √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²), and returns the smallest. The CSS standard defines 140 named colours; others are descriptive names.
Worked example
Examples
| #FF0000 | Red |
| #FF7F50 | Coral |
| #4B0082 | Indigo |
Tips and common mistakes
- Use names in design docs for clarity.
- Names are approximate matches.
- CSS accepts 140 named colours.
- Use hex for exactness.
- Check the swatch visually.
Frequently asked questions
How are colour names found?
By nearest distance in RGB.
How many CSS colour names are there?
140.
Is the match exact?
Only if your colour has a name.
Can I use names in CSS?
Yes, for standard names.
What is #FF7F50?
Coral.
Is it free?
Yes.