RGB to Color Name

What this tool does

Three numbers like 46, 139, 87 pin down a colour exactly, but they do not let anyone picture it or remember it. Tell someone the colour is "Sea Green" and it lands at once. People reach for names when they talk about colour, while machines keep things in numbers, and bridging that divide is what this is for.

That is what this does. You give it red, green, and blue values, and it returns the closest colour name, shown next to the colour itself. A bare set of figures becomes a word you can say, write down, and recall, which is usually far more useful than the numbers when a human is on the other end.

How to use it

1. Enter your RGB values. Set the red, green, and blue amounts, each from 0 to 255, or choose a colour with the picker.
2. Read the name. The tool returns the closest matching colour name for your values, beside the colour they make.
3. Put it to use. Take the name to describe or label the colour, and keep the swatch alongside to check it looks right.

You can type the three numbers in, or set a colour with the picker and read the matching name from the result, whichever fits how you are working.

How it works

The naming is done by Name That Color, a library made for the task. It keeps a long catalogue of named colours, each tied to a specific value, and when you hand it a colour it measures how far yours sits from every name in the catalogue, then reports back whichever one is nearest.

That word, nearest, matters. Your exact RGB values will only now and then land precisely on a catalogued colour, so most of the time the tool is locating the closest neighbour rather than a perfect hit. The result is the best name available for your colour, which is almost always what you are after, even when it is not an exact match.

Why colours have names

Names exist because figures are awkward to share and quick to forget. Long before colour was ever written as numbers, we described it with words, and terms like scarlet, indigo, and ochre still carry an immediate, shared picture that a string of digits never will. A name is something you can speak in a meeting, jot in a note, or bring back to mind a week later.

Screens carry this habit forward in their own way. The CSS standard defines a set of colours you can call by name instead of by number, words such as seagreen, orchid, and khaki that each stand for a fixed value. That official set is small, though, so the names a tool like this can return are drawn from much larger collections built up over time, which together put names on thousands of points across the spectrum.

Finding the nearest name

It is worth being clear about what the answer represents. There are well over sixteen million possible RGB combinations and only a few thousand named colours, so the names sit across the colour space like scattered signposts, with wide gaps between them that carry no name at all. When you look up a value, the tool returns the signpost closest to where your colour falls.

One result of this is that a run of slightly different RGB values can all come back with the same name, because they all sit nearest the same signpost. That is not vagueness on the tool's part; it is the plain reality that small colour differences are real but mostly unnamed. The name marks the region your colour belongs to, which is usually exactly the description a person needs.

Why name an RGB value

The usual driver is communication. When you are talking a colour over with a client or a teammate, or leaving yourself a note for later, a name carries a meaning that three numbers do not. Saying "use Sea Green for the border" is understood at once, where reading out a set of RGB figures is not.

It also helps you make sense of colours you did not pick. A name gives you a quick grip on an unfamiliar RGB value, a fast read on roughly what it is without having to render it. Designers lean on it to describe brand colours in plain language, to write documentation people can follow, and simply to put words to values that would otherwise sit on the page as anonymous numbers.

How close the match really is

It pays to know how exact the result is, because it varies. Some RGB values land precisely on a named colour: 46, 139, 87 is exactly Sea Green in the CSS set, not merely near it. For those, the name is a true identity, and you can use it with full confidence.

Most values are not so neat. A colour a step or two away from Sea Green is not Sea Green, yet the tool will still offer that as the closest name, because it is the best fit on hand. So read the result with that in mind: now and then the name is exact, and more often it is the nearest signpost to a colour that has no name of its own. In both cases it is the most useful word available, which is the reason for asking.

Questions people ask

How do I find the name of an RGB colour?

Enter the red, green, and blue values and the tool returns the closest matching colour name from a large catalogue of named colours, shown next to the colour itself.

Is the name exact?

Sometimes. A few RGB values match a named colour precisely, but most return the nearest name instead, since there are millions of possible colours and only a few thousand names. The result is the best available match.

How many named colours are there?

The CSS standard defines a small fixed set you can use by name, but tools like this draw on much larger collections naming thousands of colours, which is why nearly any value gets a sensible match.

What range do the RGB values use?

Each channel runs from 0 to 255. Enter the three numbers, or set the colour with the picker, and the nearest name appears either way.

References

1. Name That Color (Chirag Mehta). Documentation. http://chir.ag/projects/ntc/
2. World Wide Web Consortium (W3C), CSS Color Module Level 4, named colors. https://www.w3.org/TR/css-color-4/
3. Color term, how colours are named across languages. Wikipedia. https://en.wikipedia.org/wiki/Color_term