CSS Color Names Finder

Search named CSS colors by name, hex, RGB, or HSL and find the closest match instantly.

Updated September 8, 2026

What is the CSS Color Names Finder?

Look up any of the 148 standard CSS named colors — or paste a hex, RGB, or HSL value to find the closest named match. Type a name like rebeccapurple to see its exact code, or paste a custom color from your design to get a human-readable name for documentation, code reviews, or quick debugging. Exact matches are flagged, and near misses are ranked by visual similarity. You can also browse the full catalog of swatches and copy any value with one click.

CSS Color Names Finder works entirely in the browser. It accepts a CSS color name, hex value, RGB value, or HSL value, then normalizes the input and compares it against the CSS named-color list. Exact matches are detected first, and non-exact inputs are ranked by distance to the nearest named color. The tool also includes a browsable catalog of named colors so you can scan the full palette, compare swatches, and copy values quickly.

Paste a hex value and get the closest CSS named color with exact-match detection.

#6A5ACD

slateblue · #6A5ACD · exact match

Type a CSS color name to inspect its code and browse nearby named colors.

rebeccapurple

rebeccapurple · #663399 · exact match

Enter an RGB color and find the nearest named color in the CSS palette.

rgb(255, 99, 71)

tomato · #FF6347 · nearest match

What inputs does CSS Color Names Finder support?

It supports CSS color names, 3-digit hex, 6-digit hex, RGB, RGBA, HSL, and HSLA values.

Does it find the exact CSS color name?

Yes. If your input matches a standard CSS named color exactly, the tool shows that exact result first.

How does it choose the nearest color?

It compares your input color against the CSS named-color set and ranks results by RGB distance, so visually similar colors appear near the top.

Can I browse every CSS named color?

Yes. The tool includes a searchable list of named CSS colors with swatches, hex values, RGB values, and HSL values.

Why use a color name instead of a hex code?

Names like tomato or steelblue are easier to remember and discuss than #FF6347 or #4682B4 . They help in design reviews, documentation, and debugging, when a readable label matters more than an exact shade.

What if my color has no exact name match?

You get the nearest named color ranked by visual similarity. For one-off designs, use the closest name as a shorthand; for production code, keep your exact hex value so the shade stays precise.

More utilities you might find handy.

Convert CMYK print colors to RGB values instantly with live preview, hex output, and copy-ready results.

Preview how images and designs appear to people with protanopia, deuteranopia, tritanopia, and other color vision deficiencies.

Blend two colors together at custom percentages with multiple blend modes, full color space support, and accessibility analysis