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
Table of Contents
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
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.
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.
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.