Color Name Finder Color
Find the closest named CSS color to any hex code.
Color Name Finder is a free online tool that find the closest named CSS color to any hex code. It runs entirely in your web browser using plain JavaScript, so files are processed on your own device and never uploaded to a server. There is no sign-up, no file size limit imposed by the site, no watermark and no paid tier.
- Price
- Free — no account, no quota, no watermark
- Category
- Color
- Where it runs
- In your browser, on your device
- Files uploaded
- None
- Technology
- plain JavaScript
- Settings
- 1
- Works offline
- Yes, after the first visit
About Color Name Finder
CSS defines 148 named colors, a list inherited from the X11 window system of the 1980s — which is why it contains four spellings of gray, `rebeccapurple` added in 2014 in memory of Eric Meyer's daughter, and nothing resembling a systematic palette. The nearest name here is found by distance in RGB space, which is fast and occasionally disagrees with what looks closest to the eye.
How to use it
- Enter color.
- Results update the moment anything changes.
The one setting
| Setting | What it does | Default |
|---|---|---|
| Color | A color, picked from your system color picker. | #FFD84D |
Under the hood
| Runs on | plain JavaScript — runs the whole thing |
| Controls | Color |
Questions
Why is the nearest name sometimes not the obvious one?
RGB distance is not perceptual distance — human vision is far more sensitive to green than to blue, so equal RGB steps do not look equal. A perceptual space such as Lab or OKLab matches intuition better.
Are named colors safe to use in CSS?
Yes, all 148 are supported everywhere. They are also self-documenting, which is genuinely useful in a stylesheet — though hard to keep consistent across a design system.