About naming colours
This tool finds the closest named CSS/HTML colour for any colour you enter. Type a HEX or rgb() value or use the colour picker, and it compares your colour to the standard named colours and returns the nearest one, its exact hex, and how close the match is. It runs entirely in your browser.
How Color Name works
How to find a colour name
- Enter a hex or rgb() value, or pick a colour.
- The closest named colour appears with its hex and a match distance.
- A distance of 0 means it is an exact named colour.
How the match works
Your colour is compared to each standard CSS colour by distance in RGB space; the nearest one is the result. The distance number shows how close the match is — small means very close.
Why it is useful
Turn an unfamiliar hex into a human-friendly name, check what a colour is roughly called, or find a named colour close to a brand value.
Common uses
- Find the name of a hex colour
- Identify a colour from rgb()
- Get a friendly name for a brand colour
- Check the nearest CSS colour name
- Name a colour picked from a design
- Learn standard colour names
- Match a colour to a keyword
- Describe a colour in words
Frequently asked questions
How do I find a colour name?
Enter a hex or rgb value (or pick a colour) and the nearest named CSS colour is shown.
What does the distance mean?
How far your colour is from the named one in RGB; 0 is an exact match.
Which colour names are used?
The standard CSS/HTML named colours.
Can it be exact?
Yes — if your colour matches a named colour exactly, the distance is 0.
Does it accept rgb() input?
Yes — hex, shorthand hex and rgb() are all supported.
Is anything uploaded?
No — it runs entirely in your browser.
Why is the name only approximate?
Most colours are not exact named colours, so it returns the closest one.
Is it free?
Yes — completely free with no sign-up.