Colour Name Finder
Runs in your browserFind the nearest standard CSS colour name for a HEX, RGB or HSL value, with the exact distance so you know how close the match really is.
royalblue
#2563eb → #4169e1 · distance 30.3
About this tool
CSS has 148 standard named colours, from common ones like red and navy to less familiar ones like rebeccapurple and papayawhip. This tool measures the Euclidean distance between your colour and every named colour in RGB space and returns the closest one, along with how far off it actually is — a distance of 0 is an exact match, and anything past roughly 30-40 is a loose match at best.
How to use
- Pick or type a colour.
- Read the nearest CSS colour name and the distance between the two.
- Copy either value for use in code or design tools.
When to use this tool
- Finding a human-readable name for a colour pulled from a design file.
- Checking whether a brand colour happens to match a standard CSS keyword.
- Labelling swatches in documentation or a style guide.
Tips
- A distance under 10 is a very close match; past about 40, treat the name as a rough description rather than the actual colour.
- For an exact reproduction, always use the HEX value — the name is a label, not the colour itself.
Limitations
- Matches against the standard 148 CSS extended colour keywords, not an exhaustive colour-name database.
FAQ
- Which colour list does this use?
- The 148 CSS Color Module Level 4 extended keywords (the same list every browser recognises as a CSS colour name).
- Is my colour sent anywhere?
- No. The nearest match is computed in your browser.