Online Tool Store
Color Name Finder
Find the closest of the 148 standard CSS color names for any hex color, with exact-match detection. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
—
How it works
- Pick a color or type a hex value.
- See the nearest of the 148 standard CSS color names.
- If it's an exact match, that's shown too.
The formula
Distance = √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²)
The named color with the smallest distance to your color wins.
FAQ
Where do these color names come from?
The 148 standard CSS/X11 named colors (things like "CornflowerBlue" and "RebeccaPurple") that every browser recognizes and that you can use directly in CSS, e.g. color: tomato;
How is the "closest" match decided?
By straight-line (Euclidean) distance between your color's red, green, and blue values and each named color's RGB values — the named color with the smallest distance wins. It's a simple, purely numeric measure of similarity.
Will two different hex colors ever get the same name?
Yes — many hex values are closer to the same named color than to any other, so nearby shades often map to the same name. Only an exact RGB match is guaranteed to be unique to one name.
Is my color sent anywhere?
No — the distance calculation runs entirely in your browser against the fixed list of named colors.
How we compare
| Feature | Online Tool Store | name-that-color.com | Design software color picker |
|---|---|---|---|
| Uses standard CSS names, valid in code | ✓ | Invented, non-standard names | Rarely names colors at all |
| No file upload — runs in your browser | ✓ | ✓ | ✓ |
| No ads | ✓ | Ad-supported | ✓ |
A name you can drop directly into CSS is more useful for developers than a made-up marketing name a paint chip might use.