Color Name Finder 🎨

Find the nearest named HTML/CSS color for any hex or RGB value. Compares 140+ named colors by RGB distance.

About the Color Name Finder

The Color Name Finder runs entirely in your browser. Pick a color with the system color picker or type a HEX/RGB string, then click Find Name. The tool compares your color against 140+ standard HTML/CSS named colors and ranks them by Euclidean distance in RGB space, showing the closest matches with their swatches, names, hex codes, and distance scores. Nothing is uploaded — all processing happens locally.

How the matching works

Each named color has a fixed RGB value. For your input color, the tool computes the straight-line (Euclidean) distance to every named color in RGB space: distance = √((r₁−r₂)² + (g₁−g₂)² + (b₁−b₂)²). The named colors with the smallest distance are the closest visual matches.

How to use the finder

  1. Use the color picker, or type a hex code like #0EA5E9 or an rgb(14,165,233) value into the text field.
  2. Choose how many closest matches you want to see.
  3. Click Find Name. The best match appears at the top, followed by the next closest colors.
  4. Use Copy Best Name or Copy Best HEX to copy the closest match to your clipboard.

Frequently asked questions

What named colors are used? The standard set of 140+ HTML/CSS named colors defined by the W3C, including basics like red, blue, and green, plus extended names like cornflowerblue, tomato, and rebeccapurple.

Why isn't my exact color in the list? Named colors are a small, fixed subset of the 16 million possible RGB colors. The finder reports the closest named color by RGB distance, which is usually a good visual approximation.

Can I input RGB instead of HEX? Yes. Both #0EA5E9 and rgb(14,165,233) are accepted. Three-digit shorthand hex (like #fff) is also supported.

Does this tool upload my color values? No. All matching happens locally in your browser.