Color Name Finder
The color name finder identifies the closest CSS named color for any HEX code you enter. Type or paste a HEX value and the tool instantly returns the nearest match from the full list of 140 CSS and HTML color names, along with its exact HEX, RGB, and HSL values. Browse the complete named color reference table or search by name. One-click copy for any format.
Top 5 closest CSS colors, click any to select
Your color properties
Browse 141 CSS named colors
How to use Color Name Finder
- Enter a 6-digit HEX code (with or without #) in the input field.
- The tool instantly shows the nearest CSS named color with its exact HEX value.
- Compare the match against your original color in the side-by-side preview.
- Copy the CSS color name for use in your stylesheet.
- Browse all 140 CSS named colors in the grid below.
What is this color called? Finding the right CSS name
CSS defines a set of named colors that can be used anywhere a color value is accepted in a stylesheet. Knowing what is this color called allows you to use the human-readable name in your code instead of a hex code, which is useful for readability, quick prototyping, and avoiding magic values in design tokens. Named colors like cornflowerblue, tomato, and rebeccapurple are immediately understood by anyone reading the code.
The tool maps any HEX input to the nearest CSS name by converting both values to the perceptually uniform CIE Lab color space and computing Delta-E distance. This means the result is the color that looks most similar to your input, not just the closest raw RGB value. The match may not be exact, the tool will show both the named color and your original value side by side so you can decide whether to use the name or keep the original HEX.
CSS color names list and browser support
The CSS color names list recognized by all modern browsers includes 140 colors derived from the X11 and SVG color specifications. All 140 names work in Chrome, Firefox, Safari, Edge, and all other WHATWG-compliant browsers with no flags or experimental settings. Every named color is equivalent to a specific HEX value, for example, dodgerblue is #1E90FF and slategray is #708090.
HTML color names are a subset of the full CSS list. The original 16 HTML 4 colors (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow) are all included in the CSS named color set. Since CSS3, the full 140-color set has been the standard, and HTML named colors in css are treated identically whether used in HTML attributes or CSS properties.
Frequently asked questions
The CSS Color Level 4 specification defines 148 named colors, which includes the 140 standard CSS and X11 colors plus additions from CSS4. The tool covers all 140 named CSS colors that work across all browsers without any flags or experimental support.
The tool converts your HEX code into the perceptually uniform CIE Lab color space and calculates the Euclidean distance between your color and every named CSS color using the Delta-E formula. The named color with the smallest Delta-E distance is returned as the closest match, producing more accurate results than comparing raw RGB channel values.
Mostly yes. The 140 named colors in the CSS specification include all 16 original HTML color names. One notable difference is that CSS accepts both grey and gray spellings. The CSS color names are the modern standard and work in HTML, CSS, and SVG.
Not directly from the default Tailwind palette, which uses numeric scales rather than CSS color names. However, you can add named colors to your Tailwind configuration using the extend.colors object. For example, extend.colors.crimson = 'crimson' makes the named color available as a Tailwind class while preserving your existing palette.