Color Name Finder
Type a hex code, an rgb() string, or a CSS color name and the tool finds the closest standard CSS named color, showing a live swatch of the match. It reports whether the match is exact or, when it is not, how far your color sits from the named one measured in RGB space. If your input is itself a valid CSS name it also confirms that and shows the name.
How to find a color name
- Type a color into the Color box: a hex like #ff0000 or #f00, an rgb() string, plain r,g,b numbers, or a CSS name like teal.
- Look at the swatch and the nearest CSS color name shown beside it.
- Check the badge: it says 'exact match', or shows the nearest distance when it is close but not identical.
- Use 'Copy name' or 'Copy hex' to grab whichever value you need for your stylesheet or design tool.
Examples
Name an exact color from a hex code
#4b0082
indigo (exact match)
Find the nearest name for an off value
#fe0102
red (nearest, distance 2.45)
Look up a name from an rgb() string
rgb(0, 128, 128)
teal (exact match)
Frequently asked questions
How is the nearest color chosen?
Your color is compared to every standard CSS named color using straight-line, or Euclidean, distance between their red, green, and blue channels. The name with the smallest distance wins, and a distance of exactly 0 means the colors are identical.
Which color names does it search?
The full set of standard CSS named colors, roughly 140 keywords. That includes the familiar ones like red, teal, and gold as well as newer additions such as rebeccapurple, and the gray and grey spellings which point to the same values.
Can I look up a color by its name instead?
Yes. Type a CSS color name such as teal or rebeccapurple and the tool resolves it to its hex value. When your input is a recognised name it also notes that below the result so you know it is an official keyword.
What input formats are accepted?
Six-digit hex like #ff0000, three-digit shorthand like #f00, an rgb() string, a plain comma-separated r,g,b triple, and any CSS color name all work. The leading hash on a hex value is optional.
What does the distance number mean?
It is the RGB-space gap between your color and the nearest named one, rounded to two decimals. Smaller means closer: a value in the low single digits is visually almost identical, while a large distance means the closest name is only a rough approximation.
Why do gray and grey give the same result?
CSS defines both spellings for several colors, and they map to identical hex values. When your color is an exact tie the tool returns the first match it encounters, so a mid gray reports the gray spelling.
Does it match against modern color spaces?
No. The comparison is done in plain RGB, which is simple and predictable but does not model how the human eye perceives differences. Two colors with a small RGB distance can occasionally look a little further apart than the number suggests, especially among greens.
What happens if my input is not a valid color?
If the text is not a hex value, an rgb form, or a known CSS name, the tool shows a short prompt asking for one of those formats rather than guessing a match.
Is my color data private?
Yes. The lookup and the nearest-name search both run in your browser against a built-in color list, so nothing you type is uploaded.
Learn more
- CSS named colors and how nearest-name matching works
Where the CSS color keywords come from, when to use a name over a hex code, and how RGB distance picks the closest one.
Related tools
Color Shades Generator
Generate tints and shades from one hex color online. Pick a base color and get lighter and darker steps toward white and black, ready to copy.
Color Mixer
Mix two hex colors online and get the blend. Set the mix ratio with a slider to find the perfect in-between color, then copy the hex result.
Air Fryer Converter
Convert any conventional oven recipe to air fryer settings. Lower the temperature by 25 F and cut the cook time by about 20 percent automatically.
Baker's Percentage Calculator
Turn a bread formula into grams with baker's percentages. Flour is 100 percent, enter water, salt and yeast percents to get weights and hydration.
Baking Pan Converter
Swap one baking pan for another and scale the batter to fit. Compares pan areas for round, square and rectangular pans and gives a batter scale factor.
Binary to Decimal
Convert binary to decimal online. Paste any binary number, with or without spaces, and get the exact base-10 value instantly. Runs in your browser.