Color Tools
Color Palette GeneratorImage Color ExtractorColor Contrast CheckerColor Blindness SimulatorColor Shade / Tint GeneratorColor Name FinderView all 9

Color Name Finder

Find the closest standard CSS color name for any hex value.

Runs in your browserNo sign-up required
Closest CSS Color Name
cornflowerblue
#6495ed · Distance: 12

Your color isn't an exact CSS named color — "cornflowerblue" is the closest of the 148 standard CSS3 color keywords.

Putting a Color Into Words

Hex codes are precise but not exactly conversational — this tool matches any color against the real, standard CSS3 named color set, so you can describe a color the way a person actually would, using a name a browser would also recognize.

How to Use This Tool

  1. 1Enter a colorType a hex value or use the color picker.
  2. 2See the closest nameThe nearest of the standard CSS3 named colors.
  3. 3Check the exactnessAn exact match is flagged directly; otherwise you'll see how close it is.

Good to Know

  • This matches against the real, standard CSS3 extended color keyword set — every name shown is one a browser would also recognize if you used it directly in CSS.
  • Useful whenever you need to describe a color in words — a design brief, a product listing, or just talking through a palette with someone who isn't looking at hex codes.
  • A close match is measured by straightforward RGB distance — the closer to zero, the closer the color.

Frequently Asked Questions

What color list does this use?

The standard CSS3 extended color keywords — the real, documented set browsers recognize (like "tomato", "cornflowerblue", "rebeccapurple") — not a broader unofficial "creative" naming database.

Will it always find an exact match?

Only if your color happens to exactly equal one of the ~148 named CSS colors — otherwise it shows the closest one along with how far off it is.

Can I use the matched name directly in CSS?

Yes — every name shown is a real, valid CSS color keyword you can use directly, like `color: tomato;`.