Home › Color Tools › Color Name Finder
Color Name Finder
Find the closest named CSS color or human-readable color name for any HEX or RGB value. Identify what a color is called and discover its nearest named alternatives in one step.
✓ Free✓ No signup✓ Privacy first✓ Runs in your browser
Color Name Finder · database search · closest distance matching
How it works
Find your color name in three steps
Enter your color value
Input a HEX code or RGB value. A live color swatch updates immediately so you can visually confirm the color you are working with before running the lookup.
Match against named colors
The tool calculates the perceptual distance between your input color and the full set of CSS named colors, returning the closest match based on how similar the colors appear to the human eye.
View the results
The closest named color is displayed with its official name, HEX code, and a delta value indicating how far it differs from your input. Several near-match alternatives are also listed for comparison.
FAQ
Common questions about color name matching
Where do CSS color names come from?
CSS defines 147 named colors, ranging from common names like red, blue, and green to more distinctive names like cornflowerblue, mediumaquamarine, and papayawhip. These names originated primarily from the X11 color system used in early Unix graphical environments and were incorporated into the CSS specification for compatibility. The names are not always intuitive u2014 notably, darkgray in CSS is actually lighter than gray. Extended color name databases used by tools like this one go beyond the CSS set to include thousands of names from paint, fashion, and design industries.
How is the nearest named color calculated?
Color name matching works by calculating the perceptual distance between your input color and each candidate named color using the CIELAB color space and the u0394E (delta E) distance metric. In CIELAB, Euclidean distances between color points correspond more closely to how different those colors actually appear to the human eye than equivalent calculations performed in RGB space. A u0394E value below 1 is generally imperceptible to most people; differences above 10 appear clearly distinct. The tool returns the named color with the lowest u0394E as the best match.
Are CSS color names reliable to use in production CSS?
CSS named colors are fully supported in all modern browsers and are valid for production use. They can improve readability in simple stylesheets or quick prototypes. However, for design systems and professional projects, explicit HEX or HSL values are generally preferred because they are more precise, predictable, and not subject to interpretation. Names like slategray or lightcoral carry no semantic relationship to design intent, and their exact values may not align with the specific tone your design requires.
Can I search by name to find the color code?
Yes u2014 the tool supports reverse lookup. Enter a color name (such as teal, salmon, lavender, or goldenrod) and the tool returns the corresponding HEX and RGB values along with a visual swatch. This is useful when a designer or client refers to a color by name and you need the precise code for CSS or design software. Extended databases include common paint brand naming conventions and natural language color terms well beyond the standard 147 CSS names.
Keep going
Related tools
Color Picker
Pick any color visually and copy its HEX, RGB, and HSL values directly.
HEX to RGB Converter
Convert HEX color codes to RGB and other formats.
Color Palette Generator
Build a harmonious palette starting from your identified named color.
Color Contrast Checker
Test your named colors for WCAG accessibility compliance.
About the Color Name Finder
The Color Name Finder identifies the closest human-readable or CSS-standard name for any color entered as a HEX or RGB value. It is used by designers who need to communicate colors verbally or in documentation, developers looking for CSS named color equivalents, and anyone curious about what a particular color shade is officially called. The tool compares input colors against both the CSS named color set and extended naming databases using perceptual color distance calculations.
Benefits
-
Matches against all 147 CSS named colors plus extended industry naming databases -
Uses perceptual CIELAB u0394E distance for accurate matches rather than simple RGB arithmetic -
Shows multiple near-match alternatives for comparison alongside the closest result -
Supports both forward (value to name) and reverse (name to value) lookups
Privacy
Color values entered into this tool are processed entirely within your browser and are never transmitted to or stored on any server.