--- title: "Color Name Finder" description: "Find color names from hex codes or search colors by name. Browse CSS named colors, web-safe colors, and popular design palettes. Copy hex, RGB, and color names with one click. Includes reverse hex-to-name lookup." url: https://findutils.com/design/color-name-finder/ category: design --- # Color Name Finder Find color names from hex codes or search colors by name. Browse CSS named colors, web-safe colors, and popular design palettes. Copy hex, RGB, and color names with one click. Includes reverse hex-to-name lookup. **Use this tool:** [Color Name Finder](https://findutils.com/design/color-name-finder/) ## Programmatic access - Browser-only: this tool works on a file, the DOM, or a browser API and has no REST or MCP id. ## Why Use Color Name Finder? Designers and developers constantly work with colors, but remembering the exact name for a specific shade is nearly impossible. Our Color Name Finder bridges the gap between color codes and human-readable names. Search by name to find the exact hex and RGB values for colors like 'coral', 'slate gray', or 'medium sea green'. Or paste a hex code to discover the closest named color — perfect for making your CSS more readable and maintainable. The tool includes all 148 CSS named colors, extended web colors, and popular design palette colors. Each color card shows a visual swatch alongside its name, hex code, and RGB values, all copyable with a single click. The reverse lookup feature is especially useful when you have a hex code from a design file and want to know if there's a standard name for it, or what the closest named alternative would be. ## Color Name Finder Tips - Use the reverse lookup when you have a hex code from a design mockup and want to know the closest standard CSS color name. The CIEDE2000 algorithm measures perceptual distance, not just mathematical distance, so the results match what your eyes see. - CSS named colors are case-insensitive in stylesheets. 'DarkSlateGray', 'darkslategray', and 'DARKSLATEGRAY' all produce the same color (#2F4F4F) in every modern browser. - Not every hex code has an exact named match. When the reverse lookup shows a large distance, the hex code falls between named colors. Use the hex value directly in your CSS instead of forcing an imprecise name. - Pair this tool with the Color Converter when you need HSL, CMYK, or other format values that go beyond the hex and RGB shown on each card. - Bookmark this page as a quick reference when writing CSS. Searching here is faster than scrolling through the MDN named colors list, and the copy buttons save you from manual typing errors. ## Frequently Asked Questions ### How does the reverse hex-to-name lookup work? Enter any hex code and the tool calculates the color distance (using the CIEDE2000 algorithm) to all named colors in our database. It returns the closest matching named color along with a visual comparison so you can see how close the match is. ### Which color sets are included? The database includes all 148 CSS named colors (like 'tomato', 'cornflowerblue', 'linen'), extended web-safe colors, and popular design system colors. Colors are organized into categories like reds, blues, greens, neutrals, and more. ### Can I search by RGB values? Currently, you can search by color name or hex code. For RGB lookup, convert your RGB value to hex first (e.g., rgb(255, 99, 71) becomes #FF6347) and use the reverse lookup feature. ### Are these colors safe to use in CSS? Yes. All CSS named colors in our database are part of the official CSS Color Level 4 specification and are supported by all modern browsers. You can use either the name or the hex code in your stylesheets. ### Can I use this for print design? This tool focuses on screen colors (RGB/Hex). While you can reference the color names and values, print design requires CMYK color values for accurate reproduction. The RGB values shown here are intended for digital use. ### Does the Color Name Finder require a signup? No. The Color Name Finder is available with no signup, no usage limits. All processing happens in your browser -- nothing is uploaded to any server. The page itself is not request-free: like the rest of the site it loads advertising and analytics scripts. That is page chrome, not your content. ### What is the CIEDE2000 algorithm? CIEDE2000 is an industry-standard formula for measuring the perceived difference between two colors. Unlike simple RGB distance, it accounts for how human vision is more sensitive to certain hue and lightness differences. This makes the reverse lookup results more accurate to what your eyes actually see. ### How many named colors are in the database? The tool includes all 148 official CSS named colors from the CSS Color Level 4 specification, plus extended web-safe colors and popular design system palettes. The total collection covers several hundred colors organized into browsable categories. ### Can I use CSS named colors in JavaScript or other programming languages? CSS named colors work natively in any web technology that accepts CSS color values, including JavaScript canvas operations, SVG attributes, and CSS-in-JS libraries. For non-web languages, copy the hex code instead -- it is universally supported across all platforms and frameworks. ### What is the difference between CSS named colors and web-safe colors? CSS named colors are the 148 color keywords defined in the CSS specification (e.g., 'coral', 'teal', 'rebeccapurple'). Web-safe colors are a separate set of 216 colors that display consistently across older 256-color displays. Today, web-safe restrictions are obsolete on modern screens, but both sets are included in this tool for reference. ## Related Tools - [Color Converter](https://findutils.com/design/color-converter/) - [Color Palette Generator](https://findutils.com/design/color-palette-generator/) - [Image Color Extractor](https://findutils.com/design/image-color-extractor/) - [Contrast Checker](https://findutils.com/design/contrast-checker/) - [Gradient Generator](https://findutils.com/design/gradient-generator/) - [Favicon Generator](https://findutils.com/design/favicon-generator/) - [Box Shadow Generator](https://findutils.com/design/box-shadow-generator/) - [Glassmorphism Generator](https://findutils.com/design/glassmorphism-generator/)