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 "Peek-a-Blue", "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 five ways: type or paste a HEX code (#c7dedc or c7dedc), use the visual picker square and hue slider, 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, HEX, RGB, a structured one-line description, a same-family shade ladder, or a picker-derived palette — 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. The palette rows use a different kind of math: Hue Sweep keeps the picker square position fixed and moves around the hue bar in eight 45-degree jumps; Five Shades keeps the selected color as the center of a same-family ladder; Saturation Step and Brightness Step move across the visual picker axes in six fixed steps while always including the selected color.

Examples

• #c7dedc → Peek-a-Blue — a blue-green light accent for quiet information panels, calm cards, and gentle data highlights.
• #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 tune a color visually in the same panel, gives you same-family, hue-sweep, saturation-step, and brightness-step palette rows, 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