Results Count
How to Find a Color Name from a Hex Code
- 1
Search by color name or keyword
Type a color name like 'coral', 'teal', or 'dark blue' into the search bar. The tool filters through all CSS named colors, web-safe colors, and design palette colors in real time, showing matching results as you type. - 2
Use reverse hex-to-name lookup
Paste any hex code (e.g., #FF6347) into the reverse lookup field. The tool uses the CIEDE2000 color distance algorithm to find the closest named color in its database and displays a side-by-side visual comparison so you can judge the match quality. - 3
Browse colors by category
Filter the full color list by category -- reds, blues, greens, purples, neutrals, and more. Each category groups related shades together, making it easy to explore options when you know the general hue but not the exact name. - 4
Copy the color value you need
Click the Copy Hex, Copy RGB, or Copy Name button on any color card. The value is copied to your clipboard instantly, ready to paste into your CSS, design tool, or documentation.
Common Use Cases
Writing Readable CSS and Design Tokens
Matching Design File Colors to Standard Names
Building Color Palettes and Style Guides
Content Creation and Documentation
Why Use Color Name Finder?
The Color Name Finder is a free online tool that maps hex codes to human-readable color names and lets you search the full spectrum of CSS named colors, web-safe colors, and popular design palette colors. Whether you are writing stylesheets, building a design system, or documenting a brand palette, this tool gives you instant access to color names, hex codes, and RGB values -- all copyable with a single click. Processing happens entirely in your browser, so no data is uploaded to any server.
The reverse hex-to-name lookup is the standout feature. Paste any hex code and the tool calculates perceptual color distance using the CIEDE2000 algorithm to find the closest named color. This is far more accurate than simple RGB distance calculations because it accounts for how human vision perceives color differences. Combine this with the Color Converter to translate your colors into HSL, CMYK, and other formats, or use the Image Color Extractor to pull hex codes from photos and then identify them by name here. For accessibility testing, run your chosen colors through the Contrast Checker to verify they meet WCAG guidelines.
With all 148 CSS named colors plus extended web and design system colors organized into browsable categories, this tool replaces static color charts and long MDN reference pages. Designers use it to match Figma hex values to standard names, developers use it to write more readable CSS, and content creators use it to reference colors accurately. Pair it with the Color Palette Generator for building harmonious schemes or the Gradient Generator when you need smooth transitions between named colors.
How It Compares
Static color reference charts like the MDN CSS named colors page or htmlcolorcodes.com list colors in a fixed order with no search or filtering. You have to scroll through hundreds of entries to find what you need, and there is no way to paste a hex code and discover which named color is closest. Dedicated tools like color-name.com offer hex-to-name lookup but lack category browsing, one-click copying, and the full range of web-safe and design palette colors included here.
This Color Name Finder combines search, category filtering, and reverse hex lookup in one interface. The CIEDE2000 algorithm provides perceptually accurate matches, unlike tools that use simple Euclidean RGB distance. Everything runs client-side with no signup, no usage limits, and no ads. For developers and designers who frequently reference color names, this is a faster and more complete alternative to keeping a color cheat sheet open in another tab.