HSV to Color Name

What this tool does

HSV values such as 275, 100 percent, 51 percent fix a colour precisely for a picker, but they are not something you can say aloud and have someone picture. A name like "Indigo" does that in an instant. People lean on words when they talk about colour, while software keeps it in numbers, and crossing that gap is what this is for.

That is what this does. You give it hue, saturation, and value values, and it returns the closest colour name, shown beside the colour itself. An exact but wordless set of figures becomes a name you can speak, note down, and remember, which is usually far more useful when a person is at the other end.

How to use it

1. Enter your HSV values. Set the hue from 0 to 360 and the saturation and value as percentages, or pick a colour using the picker.
2. Read the name. The closest matching colour name appears for your values, set beside the colour they produce.
3. Put it to use. Take the name to describe or label the colour, with the swatch alongside as a quick visual check.

Type the three numbers in, or set a colour with the picker and take the name the result shows, whichever suits how you are working.

How it works

The naming runs on Name That Color, a library built for precisely this. It holds a long catalogue of named colours, each pinned to a fixed value, and when it receives a colour it gauges the distance between yours and every entry, then returns the one that lands nearest. Your HSV values are turned into the colour first, so the comparison runs on the colour itself.

That word, nearest, is the crux. Your exact HSV values will only now and then coincide with a catalogued colour, so most of the time the tool is picking out the closest neighbour rather than an exact hit. The result is the best name available for your colour, which is nearly always what you are after, even when it is not a perfect match.

Why colours have names

Names exist because numbers are hard to pass along and easy to lose track of. People named colours long before anyone wrote them as values, and words like crimson, teal, and amber still bring an immediate, shared picture to mind that a string of figures cannot. A name is something you can say in a conversation, set down in a brief, or call back days later.

Screens carry that habit forward in their own way. The CSS standard lists a set of colours you can call by name rather than by number, words like indigo, tomato, and khaki that each map to a fixed value. That official list is short, though, so the names a tool like this can return are drawn from much larger collections built up over the years, which together attach names to thousands of points across the spectrum.

Finding the nearest name

It is worth being clear about what the result really is. The possible colours run into the millions while named colours number only a few thousand, so the names dot the colour space like occasional landmarks, with wide stretches in between that carry no name at all. When you look up a value, the tool returns the landmark nearest to where your colour sits.

One effect of this is that a spread of slightly different HSV values can all return the same name, because they all fall closest to the same landmark. That is not the tool being vague; it is the plain truth that small colour differences are real yet mostly unnamed. The name marks the region your colour belongs to, which is usually exactly the level of description a person needs.

Why name an HSV value

The usual reason is communication. When you are discussing a colour with a client or a teammate, or leaving a note for yourself, a name carries a meaning that three numbers do not. Saying "make the heading Indigo" lands at once, where reading out a set of HSV figures does not.

It also helps you get a handle on colours you did not choose. A name gives you a fast read on an unfamiliar HSV value, a quick sense of roughly what it is without rendering it. Designers use it to put brand colours into plain words, to write documentation people can follow, and simply to give language to values that would otherwise sit on the page as bare numbers.

How close the match really is

It helps to know how exact the result is, because it differs from colour to colour. Some HSV values land squarely on a named colour: a value working out to 275, 100 percent, 51 percent is essentially Indigo, not just near it. For those, the name is a true identity, and you can rely on it with full confidence.

Most values are less tidy. A colour a little off from Indigo is not Indigo, yet the tool will still offer that as the closest name, because it is the best fit available. So read the result in that spirit: now and then the name is exact, and more often it is the nearest landmark to a colour that has no name of its own. Either way it is the most useful word available, which is why you would look it up.

Questions people ask

How do I find the name of an HSV colour?

Enter the hue, saturation, and value, and the tool returns the closest matching colour name from a large catalogue, shown next to the colour itself.

Is the name exact?

Sometimes. A few HSV values land exactly on a named colour, but most return the closest one, since the colours you could pick run into the millions while the names number only a few thousand. You get the best fit going.

How many named colours are there?

The CSS standard holds only a small fixed set, but a tool like this leans on far bigger collections that name thousands of colours, so nearly any value finds a fair match.

Why do different HSV values share a name?

Because the names are spread thinly across the colour space, with most colours sitting in the gaps. Several nearby HSV values can land closest to the same named colour, so they return the same name.

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