Skip to content
Toolden

TOOLDENDEVELOPERON-DEVICE

Color Name Lookup

Enter any color as a hex code or RGB values and find its closest CSS color name, with the hex, RGB and HSL values to match.

Type a color or pick one visually. The nearest CSS name updates live in the results.

red

closest #ff0000

HEX

#ff0000

RGB

rgb(255, 0, 0)

HSL

hsl(0.0, 100.0%, 50.0%)

Nearest of 148 CSS names by RGB distance. Check the values for exactness.

HOW TO USE

  1. 1Enter a color as a hex code (#rrggbb or #rgb) or in rgb(r, g, b) form.
  2. 2The tool finds the nearest of the 148 CSS named colors by distance in RGB space.
  3. 3The result shows the matched color name, plus the exact hex, RGB and HSL values of the color you entered.
  4. 4Use the Color Converter to transform a color between hex, RGB and HSL formats.

EXAMPLE

INPUT

#663399

OUTPUT

rebeccapurple · #663399 · rgb(102, 51, 153) · hsl(270°, 50%, 40%)

FAQ

How is the closest color name found?
The tool compares your color against all 148 CSS named colors and picks the one with the smallest Euclidean distance in RGB space.
Why is the match not exact?
Only 148 colors have CSS names, so most of the 16.7 million possible colors fall between them. The tool returns the nearest named color, check the RGB values shown to see how close it is.
Do gray and grey return the same result?
Yes — CSS includes both spellings for the same colors. The alphabetical list order decides which spelling is shown for those shared values.
Can I enter an 8-digit hex or rgba()?
They are accepted, but the alpha channel is ignored, names are matched on the solid RGB values only.
Is my data sent anywhere?
No. All calculations run entirely in your browser, your colors never leave your device.

RELATED TOOLS