Color Name Lookup

Enter any HEX or RGB value and find the closest named CSS color with a visual swatch comparison.

Tested tool guide Tested browser tools Checked August 16, 2026

What Color Name Lookup does, with a checked example

Color Name Lookup takes a HEX or RGB color and identifies the closest color in the CSS named-color set. It displays the submitted color beside the selected named color so you can judge the difference visually. The result is often an approximation: most possible RGB values do not have their own CSS keyword, so receiving a familiar name does not mean that the original value and the named color are identical.

Worked example

A concrete input and expected output from the current implementation.

Input

#FF0000

Expected output

red (#FF0000), with identical input and named-color swatches

The CSS keyword red represents RGB channels 255, 0, 0, which is exactly #FF0000. No approximation is required for this input.

How the result is produced

Value matching

Enter a HEX value or an RGB value. The tool interprets its red, green, and blue channels, compares that color with the finite set of CSS named colors, and returns the closest available keyword. An input that exactly equals a named color should produce that color rather than merely a similar candidate.

Swatch comparison

The original value and the selected CSS color are shown as visual swatches. This comparison matters when the nearest keyword is not an exact match: the name describes the selected palette entry, while the input remains a separate color. Channel values are more reliable than eyesight for confirming whether two swatches are identical.

Good uses

Find a familiar CSS keyword that approximately describes a HEX color from a design specification.
Check whether a literal RGB value can be replaced by a named CSS color without changing it.
Compare an unfamiliar color token with the nearest standardized named-color swatch during a design review.

Limits and checks

Closest does not mean exact; retain the submitted HEX or RGB value when color fidelity matters.
CSS includes aliases such as aqua and cyan that share the same RGB value, so one exact color can have more than one valid name.
The named-color set is limited and unevenly distributed, so the returned word may not match how a person would ordinarily describe the color.

Common questions

Can I use the returned name directly in CSS?

Yes, if the result is a standard CSS named-color keyword. However, the browser will render the keyword's defined color, not the original submitted value. If the lookup is approximate and the difference matters, use the original HEX or RGB value instead of substituting the returned name.

Why does the suggested name look different from my input?

An arbitrary RGB color usually has no exact CSS name. The tool must therefore select the closest entry from a limited keyword set, and that entry can remain visibly different. Use the side-by-side swatches to assess the approximation, then compare the displayed values if you need to determine whether the match is exact.

References and verification

The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.