Color Namer

What is the Color Namer?

You have a color — a hex code from a screenshot, a shade you eyedropped off a webpage, a value spat out by a design tool — and you want to know what it's actually called. That's what the Color Namer does. Drop in any color and it instantly tells you its closest real color name (like "Teal", "Dusty Rose", or "Slate"), which color family it belongs to, and how exact the match is. It's the opposite of a plain color picker: a picker hands you a hex code, while this tool hands you the word — the vocabulary you need to describe, search for, and talk about color.

How to use it

1. Give it a color any of four ways: type or paste a HEX code (#2596be or 2596be), click the Eyedropper button to grab any pixel on your screen, drag the RGB sliders, or hit 🎲 Random to explore.
2. Read the answer. You instantly see a big swatch, the matched name, and a match score telling you how close that name is.
3. Check the alternates. Two or three near-name options appear next to it — click any to see its details, because color naming is rarely black and white.
4. Copy what you need — the name, the HEX, or the RGB — with one tap, and you're done. No sign-up, nothing to install, answer in a second.

The method behind it

Naming a color sounds simple but doing it well is a perceptual problem, not a math trick. Two colors with very different RGB numbers can look nearly identical to your eye, while two with similar RGB can look obviously different. So instead of measuring raw distance in RGB space, the Color Namer converts your color into CIELAB, a color space designed so that distance matches perceived difference. It then finds the nearest of 4,930 curated named colors by ΔE (Delta E) — the standard perceptual distance metric used across the design and print industries.

The ΔE value also tells you how trustworthy the name is. A ΔE near 0 means the name is essentially exact; a larger ΔE means it's the closest available name but not a perfect match — which is exactly why the tool shows you the score and offers alternates rather than pretending every color has one true name. Everything runs in your browser, so the lookup is instant and your color never leaves your device.

Examples

• #2596be → Teal — a blue-green. A near-exact match; alternates lean toward "Steel Blue".
• #c08081 → Old Rose — a muted pink-red in the pink family. A close (not exact) match, with "Dusty Rose" as a neighbor.
• #708090 → Slate Gray — a cool gray with a blue cast, sitting right between the gray and blue families.

In each case you walk away not just with a swatch but with a word you can actually use.

Common use cases

• Design communication: tell a client or teammate "let's use Sage" instead of "let's use #9caf88" — names are how humans agree on color.
• Describing colors to AI image tools: generators respond far better to "a dusty rose background, sage accents" than to raw hex codes they often ignore. Naming a color first makes your prompts work.
• Building a vocabulary: if you're learning design, art, or front-end work, naming colors as you encounter them teaches you the language of color faster than any chart.
• Searching and shopping: paint, fabric, and product searches run on names, not hex codes — find the name, then find the product.
• Documentation and design systems: label the colors in a palette with human-readable names so the next person understands intent at a glance.

Why use this one

Plenty of sites let you pick a color. Almost none make it their job to teach you what that color is called. The Color Namer puts naming front and center: every result is a real name plus its family and a one-line explanation of what kind of color it is. It uses perceptual CIELAB ΔE matching (not crude RGB distance) over nearly 5,000 curated names, shows you how exact the match is, lets you eyedrop colors straight off your screen, and runs entirely in your browser — so it's fast, private, and free. Stop guessing and start naming the colors you see.

Frequently asked questions