Color Name Finder - Find the Nearest CSS Color Name

How to use this tool

1. Enter a color. Type or paste a hex code, rgb() value, or CSS color name into the input field.
2. See the result. The tool shows the nearest CSS named color and its ΔE00 score, plus five nearby names with their own ΔE00 scores. A score of 0 is an exact match.
3. Pick a color visually. Use the color picker to choose an sRGB color visually and see its nearest CSS name and ΔE00 score. Treat the score as an estimate because display and viewing conditions affect appearance.

What are CSS named colors?

CSS provides 148 standard named colors that can be used directly in stylesheets instead of writing a hex value. Familiar examples include tomato, cornflowerblue, and rebeccapurple. This tool checks an input against that named-color set and shows the closest available keyword, its swatch, and five nearby alternatives.

Enter a six-digit or three-digit hex value, an rgb() or rgba() value, or a CSS color name. The input is parsed and compared in your browser; the value is not sent to a server. The alpha channel in rgba() is ignored because the named-color table contains opaque sRGB colors. Invalid text displays a validation message and clears the prior result so an old match is not mistaken for the current input.

How the nearest-color algorithm works

To compare colors, the tool converts the input and each CSS candidate from gamma-encoded sRGB through linear-light sRGB and CIE XYZ. It then applies the Bradford chromatic adaptation from sRGB's D65 white point to the D50 white point used by CIELAB. CIEDE2000 (shown as ΔE00) compares the resulting Lab lightness, chroma, and hue differences with weighting terms, and the candidate with the smallest score ranks first.

A ΔE00 score of 0.00 means the RGB values are identical, so a named-color input such as tomato or its hex value #ff6347 is an exact match. A nearby value such as #ff6346 receives a small positive score and still ranks tomato first. The main result and all five nearby rows show their ΔE00 scores so you can compare the alternatives using the same metric.

CIEDE2000 is an approximate model of perceived color difference, not a guarantee that two colors will look the same to every viewer. Appearance depends on display gamut and calibration, brightness, ambient lighting, surrounding colors, and viewing conditions. Use the score as a consistent comparison aid; check important design choices on the intended display and in their final context.

Accepted input formats

• 6-digit hex: #ff6347 or ff6347
• 3-digit hex: #f63
• RGB: rgb(255, 99, 71)
• RGBA: rgba(255, 99, 71, 1) (alpha ignored)
• CSS color name: tomato

Named color categories

The 140+ CSS named colors can be roughly grouped by hue family:

• Reds: red, crimson, darkred, firebrick, indianred, tomato, coral, salmon, orangered (~12 names)
• Oranges/Yellows: orange, gold, yellow, khaki, moccasin, peachpuff, bisque (~15 names)
• Greens: green, lime, darkgreen, forestgreen, olive, chartreuse, springgreen, mediumseagreen (~25 names)
• Blues: blue, navy, royalblue, dodgerblue, deepskyblue, steelblue, powderblue, lightblue (~20 names)
• Purples/Pinks: purple, violet, magenta, orchid, plum, thistle, hotpink, deeppink, lavender (~18 names)
• Browns/Neutrals: brown, saddlebrown, sienna, tan, wheat, beige, ivory, linen, snow (~15 names)
• Grays: gray/grey, darkgray, lightgray, silver, gainsboro, whitesmoke, dimgray (~10 names)