BYTETOOLS

Color Name Finder

Find the nearest CSS named color for any HEX or RGB value. Shows the color name, its swatch and how close the match is, using all 140+ CSS color keywords.

Nearest CSS named color

Your color
#4287f5
Nearest named color
royalblue
#4169e1

Closest match, RGB distance 36.1.

What is the Color Name Finder?

The Color Name Finder tells you which named CSS color is closest to any HEX or RGB value you enter. It compares your color against all 140+ standard CSS color keywords — from aliceblue to yellowgreen — and returns the nearest match by Euclidean distance in RGB space, so you always get a sensible human-readable name.

  • Searches all 140+ CSS named colors
  • Nearest match by RGB Euclidean distance
  • Shows name, swatch and match closeness
  • Flags exact matches
  • Accepts HEX and RGB input
  • Private, client-side lookup

How to use the Color Name Finder

  1. 1

    Type or paste a HEX code, or enter R, G and B values.

  2. 2

    The finder searches all 140+ CSS named colors for the closest one.

  3. 3

    Compare your color's swatch with the named color's swatch.

  4. 4

    Read the color name, its HEX and how close the match is, then copy what you need.

About the Color Name Finder

The Color Name Finder tells you which named CSS color is closest to any HEX or RGB value you enter. It compares your color against all 140+ standard CSS color keywords — from aliceblue to yellowgreen — and returns the nearest match by Euclidean distance in RGB space, so you always get a sensible human-readable name.

For each result you see the matched name, a swatch of that named color next to your original, its exact HEX, and how close the match is. It is handy for labelling colors in documentation, choosing readable CSS keywords, or simply putting a name to a color you like. An exact match is flagged when your input lands on a named color precisely.

The whole lookup runs locally in your browser against a built-in color table. Nothing is uploaded, there is no account, and it works offline once loaded.

Frequently asked questions

How does the color name finder work?

It treats each color as a point in 3D space using its red, green and blue values, then measures the straight-line (Euclidean) distance from your color to every named CSS color. The name with the smallest distance is returned as the closest match.

How many named colors does CSS have?

CSS defines around 148 named color keywords, including many synonyms like gray/grey and aqua/cyan. This tool searches that full set so you always get the nearest recognized name for any input color.

What does the closeness or distance value mean?

It is how far your color is from the nearest named color in RGB space. A distance of zero means an exact match; small numbers mean the named color is nearly identical, while larger numbers mean it is only the closest available approximation.

Is the nearest named color perceptually accurate?

Euclidean distance in RGB is a fast, simple metric but does not perfectly match human perception, so occasionally a name can feel slightly off for very saturated colors. For most uses it gives an intuitive, reliable result, and the swatches let you judge for yourself.

Can I use CSS color names in my stylesheet?

Yes — named colors like tomato, steelblue and rebeccapurple are valid CSS values you can use anywhere a color is expected. They are convenient and readable, though HEX or HSL give you far more precise control over the exact shade.

Guides for Color Name Finder

Related tools