Are CSS color names supported in all browsers?

Yes. All 140+ CSS named colors are part of the CSS Color Level 4 specification and are supported in all modern browsers including Chrome, Firefox, Safari and Edge.

What is the distance shown in the result?

It is the Euclidean distance in RGB color space between your input color and the nearest named color. A distance of 0 is an exact match. The lower the number, the closer the match.

Is my data uploaded to a server?

No. Everything runs locally in your browser using JavaScript. Your data never leaves your device.

Can I search for a color by name?

Yes — use the search box to filter the full list of CSS named colors by name. Click any result to see its HEX and RGB values.

🏷️

Color Name Finder

Find the nearest named CSS color for any HEX or RGB value. Browse all 140+ CSS named colors with HEX and RGB values. Free, browser-based.

🎨 Design & Color Tools Free Browser-based

Tool

Color picker

HEX / color name

Search all named colors

HEX

RGB

Distance

All 140+ CSS Named Colors

CSS Named Colors

CSS defines 140+ named colors — from aliceblue to yellowgreen. These names can be used directly in any CSS property instead of HEX or RGB values. This tool finds the closest named color to any custom color you enter, using Euclidean distance in RGB color space.

Color Distance Formula

The distance between two colors is calculated as: √((r₁−r₂)² + (g₁−g₂)² + (b₁−b₂)²). A distance of 0 means an exact match. A distance under 30 is a very close match. A distance over 100 means the nearest named color is quite different from your input.

Practical Use

Named colors are great for prototyping and communication ("use DodgerBlue for the primary") but for production code, HEX or HSL values give more precision. Use this tool to find intuitive names for colors when communicating design decisions.

Color Name Finder

CSS Named Colors

Color Distance Formula

Practical Use

Frequently Asked Questions