Color Name Finder

Find Named Colors

CSS Named Colors Directory

Search or browse all 147 CSS named colors.

What is the Color Name Finder?

The Color Name Finder is a tool that identifies the closest CSS named color to any HEX or RGB value you provide. With 147 standard CSS color names, this tool uses Euclidean distance calculation in RGB color space to find the best match. You can also search for a color name to get its exact HEX and RGB values.

Whether you’re a designer, developer, or content creator, finding the right color name has never been easier. All processing happens in your browser—no data is sent anywhere.

How to Use the Color Name Finder

1. Enter a color: Type a HEX code (#FF5733), RGB value (rgb(255,87,51)), or color name (crimson) in the input field.
2. Find match: Click “Find Color” to search for the closest named color.
3. View results: See the color preview, closest match name, HEX, RGB, and distance score.
4. Compare nearby colors: View the 5 nearest named colors to help refine your choice.
5. Copy values: Use copy buttons to quickly grab HEX, RGB, or the color name for your project.
6. Browse all colors: Scroll through the complete CSS color directory or search by keyword.

Use Cases

• Web Design: Convert custom colors to CSS named colors for cleaner, more readable code.
• Brand Compliance: Match brand colors to the closest web-safe named color when exact hex isn’t possible.
• Color Learning: Discover CSS color names you didn’t know existed and explore the color space.
• Accessibility: Find alternative named colors with better contrast ratios for accessibility compliance.
• Design Communication: Share color names instead of hex codes with team members for easier reference.
• Cross-Platform Design: Use standard CSS named colors for consistent color rendering across browsers and devices.

Frequently Asked Questions

What color formats does the tool accept?

The tool accepts HEX colors (#FF5733), RGB colors (rgb(255,87,51) or 255,87,51), and CSS color names (crimson, blue, etc.). It intelligently detects the format and converts it to RGB for comparison.

How does the distance score work?

The tool uses Euclidean distance in RGB color space: √[(R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²]. A lower score means the color is a closer match. A score of 0 means a perfect match.

Can I use these color names in CSS?

Yes! All colors in this directory are standard CSS named colors recognized by all modern browsers. You can use them directly in your stylesheets (e.g., color: crimson;).

How many CSS named colors are there?

There are 147 standard CSS named colors defined in the CSS Color Module specification. This includes common colors like red, blue, green, and extended names like lightcoral, darkslateblue, and papayawhip.

What if my color doesn’t match any named color exactly?

The tool finds the closest match using color distance calculation. You’ll see the 5 nearest named colors so you can choose the best alternative for your project. This is useful for converting custom colors to web-safe names.

Is my data private?

Completely. All color processing happens in your browser. No colors are sent to any server, and nothing is stored. Your privacy is guaranteed.