Color Name Finder

Find the closest color name for any hex, RGB, or HSL code. Enter a color and get matches from HTML/X11, NTC (1500+ names), and basic lists — sorted by perceptual similarity (Delta-E). Perfect for design, accessibility, and naming colors.

Color Preview

Results update automatically as you type or use the picker.

Type a color code or use the picker above. Results update as you type.

Enter a color (hex, rgb, or hsl) to find its closest name

What is a Color Name Finder?

A color name finder takes a color code (hex, RGB, HSL) and returns the closest matching color name from one or more lists (e.g. HTML/X11 color names, NTC). Because most codes don't have an exact name, the tool uses perceptual color distance (Delta-E in Lab space) so the name matches what the eye sees.

The Tooladex Color Name Finder uses the color-namer library and supports hex (#FF5500), RGB (rgb(255,85,0)), and HSL (hsl(24,100%,50%)). Results are shown from Basic, HTML/X11, and NTC (1500+ names) lists, with the closest match first and distance so you can judge fit.

How it Works

  • Enter a color — Hex (#FF5500), RGB (rgb(255,85,0)), or HSL (hsl(24,100%,50%)). With or without # for hex.
  • Matches are computed — Your color is compared to every named color in each list in Lab space; the smallest distance is the closest name.
  • See closest names — For each list (Basic, HTML/X11, NTC) the closest name and its hex and distance are shown. Lower distance = closer match.
  • More NTC matches — Up to 7 additional NTC names are listed by similarity so you can pick a more specific or alternative name.

All processing runs in your browser; no color data is sent to a server.

Name Lists

  • Basic — Small set of simple names (e.g. red, blue, green).
  • HTML / X11 — Standard HTML/CSS color names (from the X11 list). Shown together because they usually return the same closest match.
  • NTC — Large set (1500+ names) from the "Name That Color" list; best for specific or creative names.

Use Cases

  • Design — Name a color from a picker or brand hex for documentation or palettes.
  • Accessibility — Refer to colors by name in specs or discussions.
  • Code — Choose between named colors (e.g. coral) vs hex in CSS.
  • Content — Label colors in catalogs, filters, or UI (e.g. "Tangerine" instead of #FF9966).

Frequently Asked Questions

What color formats are supported?

Hex (e.g. #FF5500 or FF5500), RGB (e.g. rgb(255,85,0)), RGBA, and HSL (e.g. hsl(24,100%,50%)). The tool normalizes 6-digit hex without # automatically.

What does distance mean?

Distance is how far your color is from the named color in Lab color space (perceptual). Zero means an exact match. Smaller values mean a closer match; larger values mean the name is only a rough fit.

Why do different lists give different names?

Each list has a different set of named colors. Basic has few names; NTC has 1500+. The closest name in each list can differ (e.g. "red" in basic vs "coral" in HTML/X11) because the lists don't contain the same colors.