What is Color Name Finder?

Enter any HEX, RGB, or HSL value and get the nearest named color from a database of 1,500+ names. It turns a raw color code into a label you can actually say out loud, which helps when you're writing design docs or talking through a palette with a teammate.

Names come from the color-name-list dataset, which is the same source designers cite in Figma plugins and Tailwind extensions. Enter a HEX value, switch the input to RGB or HSL and type the channels, or pick a swatch visually. The tool returns the closest match by RGB Euclidean distance — shown in HEX, RGB, HSL, HSV, and CMYK — along with two alternative names, a similarity score, and a WCAG contrast check so you can tell a near-perfect hit from a rough approximation.

How to use

1. Step 1 — Enter a color value in HEX (e.g., #3B82F6), switch the input to RGB or HSL to type the channel numbers, or use the color picker to choose one visually.
2. Step 2 — The tool instantly finds the closest named color along with the exact match distance.
3. Step 3 — See the color name, its exact HEX value, and a visual comparison between your input and the named color.

When to use

• Naming a brand color before adding it to a style guide or component library.
• Translating a screenshot color into something a developer can search by name.
• Cross-checking a paint or fabric swatch against a known web-safe palette.

Result

A developer enters #4A90D9 and finds it is closest to "Steel Blue" (#4682B4) with 96.2% similarity.

FAQ

Where do the color names come from?

The dataset is the open-source color-name-list project, which aggregates ~1,500 curated names from xkcd's survey, paint manufacturers, and CSS specifications. It is the same library used by many design tools, so the names should look familiar.

Why does the similarity score never hit 100% for some inputs?

Only colors that exactly match an entry in the list score 100%. Anything else gets the nearest neighbor by RGB distance. A score above 95% is visually indistinguishable; below 85% means the named color is noticeably off.

Does it look at RGB or perceptual color distance?

RGB Euclidean distance. That is fast and works well for most web colors, but it can pick a slightly off match for highly saturated reds and greens where the human eye is more sensitive than RGB suggests.

Can I enter HSL, RGB, or HEX directly?

Yes — all three are built in. Switch the input tab to HEX, RGB, or HSL and type your value, or pick a swatch visually. The result card also shows the matched color in HSL, HSV, and CMYK so you can copy whichever format your workflow needs.

Why are two very different hex values matching the same name?

The list is sparse in some regions of color space, especially muted neutrals and pastel pinks. When two inputs are both far from any entry, the same nearest neighbor wins for both. The similarity score will reveal the gap.

Related Tools