Boneyard Tools

Color Name Finder

Paste a hex or RGB color to find the closest CSS named color, with the exact match distance, or type a CSS color name to see its hex value.

How to find a color name

  1. Enter a hex value like #ff0000, an rgb() string, or a CSS color name.
  2. See the nearest named CSS color and how close the match is.
  3. Copy the name or hex to use in your stylesheet or design tool.

Examples

Name an exact red

#ff0000
red (exact match)

Name a near red

#fe0102
red (distance 2.45)

Frequently asked questions

How is the nearest color chosen?

Each CSS named color is compared to your color using straight-line (Euclidean) distance in RGB space. The smallest distance wins, and 0 means an exact match.

Which color names are supported?

The full set of standard CSS named colors, around 140 keywords including modern ones like rebeccapurple.

Can I look up a color by name?

Yes. Type a CSS color name such as teal or rebeccapurple and the tool returns its hex value, or tells you the name is unknown.

What input formats are accepted?

Hex values (#ff0000 or shorthand #f00), rgb() strings, plain r,g,b triples, and CSS color names all work.

Is my data private?

Yes. Everything runs in your browser and nothing is uploaded.

Related tools