Color Name Finder
Find the closest CSS named color for any hex value.
CSS ships with 148 named colors — from everyday red and teal to the delightfully specific rebeccapurple and papayawhip. When a hex code lands in your lap, it's often useful to know which name it's closest to: for readable CSS, for describing a color in a design review, or just to satisfy curiosity about what "#ff6347" actually is (tomato).
Enter any hex value and this tool finds the nearest CSS named color by RGB distance, tells you whether it's an exact match, and previews both your color and the named color side by side so you can judge how close they really are.
How to use Color Name Finder
- 1
Enter a hex color
Use the picker or type a hex value.
- 2
See the nearest name
The closest CSS color name, with exact-match indication.
- 3
Compare the swatches
Your color and the named color shown together.
Features
- Matches against all 148 CSS named colors
- Flags exact matches vs approximations
- Side-by-side swatch comparison
Frequently asked questions
Common mistakes to avoid
- Assuming the nearest name is an exact match — check the exact-match flag before relying on it in code.
- Using named colors for brand work where precise hex values matter; names are approximations of specific codes.
Get new tools in your inbox
One email a month with new tools, guides, and updates. No spam, unsubscribe anytime.