Free Closest Color Name Finder – Match Any Color to a Name

What a Closest Color Name Finder Does and How It Works

A closest colour name finder takes any colour you give it, in HEX, RGB, or HSL, and tells you which named colours it most resembles, ranked by how near each one is. There are 148 CSS named colours, keywords like steelblue, tomato, and rebeccapurple, and while a random hex code rarely lands exactly on one of them, it usually sits close to a few. Rather than pretend there is a single right answer, this tool returns the top five matches with a distance number for each, because two names can be almost equally close and it is more honest, and more useful, to show that spread than to force one label. Designers, developers, and writers use it to give a colour a human-readable name, to sanity-check a palette, or simply to answer the question of what to call a particular shade. Getting a sensible match needs the right kind of distance, and plain RGB distance is not it. Two colours can be numerically near in RGB yet look clearly different to the eye, so the tool first converts the input to the CIE Lab colour space using the D65 illuminant. Lab is designed so that geometric distance in it corresponds more closely to perceived difference. It then computes ΔE using the CIE76 formula, which is the straight-line distance in Lab: the square root of the squared difference in L, plus the squared difference in a, plus the squared difference in b. Each of the 148 named colours is converted to Lab once, the ΔE from your colour to every name is measured, and the five smallest values are returned as the closest matches. The ΔE number is worth reading, not just glancing at. As a rough legend, a ΔE below one is imperceptible, meaning most people cannot see the difference at all; a ΔE of roughly one to two is very close, a near match a careful eye might just notice; and a ΔE above five is a clearly different colour. So if your colour returns a top match with a ΔE of 0.8, that name is effectively spot on. If the top match is 6 and the second is 6.4, no CSS keyword is really close and the two names are near-equidistant, which is precisely why showing five results with their distances beats returning one. The tool accepts HEX, RGB, and HSL input interchangeably, converting each to Lab through the same path so the ranking is consistent whatever form you started from. Here is a concrete case. Feed in #3498db, a mid blue. Converted to Lab and measured against every CSS name, it sits in the region between steelblue and dodgerblue, with those two among the nearest matches and their ΔE values showing which is closer. That is far more informative than being told simply blue, because it points you at real keywords you can use in code or in a spec, and the distances tell you how faithful each name is to your actual colour. If you needed a CSS keyword rather than a hex literal, you would now know steelblue is the closest recognised name and roughly how much it deviates. A few notes keep the results in perspective. Named colours are a fixed, fairly sparse set, so many shades simply will not have a close CSS name, and a large ΔE on the top match is the tool telling you honestly that there is no good keyword, not that it failed. CIE76 is a good, widely understood distance metric but a slightly older one; more recent formulas such as CIEDE2000 weight differences a little differently, so a name that is close under CIE76 will almost always still be close, with only minor reordering at the margins. Screen calibration can also shift how a colour looks versus its numbers, so trust the ΔE value over your eye when they disagree. Everything runs locally in your browser, the named-colour table and all the maths live on your device, so the tool works offline once loaded and no colour you enter is uploaded, logged, or stored anywhere.

Closest Color Name Finder Formula & Method

🔥 Trending Tools