Color Name Finder
Find the nearest named CSS color for any color value. Paste up to 100 colors in any CSS format and get, for each one, the closest of the 148 CSS named colors ranked by CIEDE2000 color difference, with the name, its hex code, the Delta E value and a match rating. Show up to 10 matches per color. Handy for naming design tokens, describing colors in documentation and finding a quick keyword.
Frequently asked questions
Which color names are searched?
The 148 named colors of CSS Color 4, from aliceblue to yellowgreen, including rebeccapurple. Names that share a value, such as aqua and cyan, fuchsia and magenta, and the gray and grey spellings, appear together in one row, which leaves 139 distinct colors. transparent and system colors are not included.
How is the nearest name measured?
With the CIEDE2000 color difference, Delta E 2000, computed in CIELAB by the culori library. It is the industry standard for how different two colors look to an average observer; a smaller value means a closer match.
What do the match ratings mean?
Exact means the named color has the same hex code. Very close means a Delta E below 2, which is hard to tell apart; similar means below 5, noticeable side by side; distant means 5 or more, where the name only describes the general color family.
How many matches do I get?
Between 1 and 10 per color, 3 by default, ranked from closest to farthest. More matches help when the nearest name has the right lightness but the wrong hue, or the other way round.
How do I enter colors?
Enter one color per line, or several on one line separated by commas or semicolons; commas inside rgb() or hsl() do not split. Hex codes with or without #, CSS color names, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() and cmyk() are accepted, up to 100 colors per run.
What happens to transparent colors?
Named colors are opaque, so the alpha is ignored and the color is compared as if it were fully opaque. The HEX column shows the 6-digit code that was compared.
What happens to wide-gamut colors?
Colors outside sRGB, such as vivid Display P3 or OKLCH values, are first mapped into sRGB with the CSS Color 4 algorithm, because all CSS named colors are sRGB colors. The HEX column then shows the mapped value, which is what the names are compared with.
Can I use the name instead of my hex code?
Only when the match is exact; otherwise the named color looks different. A close name is still a good human-readable hint in a design token or in documentation, for example a blue that is close to steelblue.
Why only CSS names and not a larger list?
CSS names are the ones every browser understands and that you can type directly into a stylesheet. Larger naming lists differ between vendors and are often licensed, while these 148 names are defined by the CSS standard.
Why can a match with a higher Delta E look closer to me?
Delta E 2000 models an average observer under standard viewing conditions. Your display, its calibration, the surrounding colors and individual color vision all shift what looks closest, so treat the ranking as a strong guide rather than an absolute.