Color Name Finder Tool
Looking for the official CSS/HTML name of a color?
Our free Color Name Finder makes it simple.
Just enter a HEX, RGB, or HSL value—or use the built-in color picker—and instantly discover the closest named color from the web-standard list of 140 CSS colors.
You’ll see exact matches when available, a ranked list of the five nearest colors by precision distance, and helpful previews to guide your design choices.
Get Our Free Inspiration Guide
Color Name Finder
Enter a color (#RRGGBB, r,g,b, or h,s%,l%) or pick one. The tool returns the closest CSS/HTML named color from the standard 140 names.
Closest CSS Color Name
—
Input
Closest name
ΔE2000: —
Contrast ratio: —
Aa
Normal text AA — AAA —
Large text (≥18.66px) AA — AAA —
Top 5 Nearest Named Colors
| Name | Hex | ΔE2000 |
|---|
Privacy note. Everything runs in your browser; images and colors are not uploaded anywhere.
How to Use the Color Name Finder Tool
Enter your color or Color Picker
Enter HEX (#RRGGBB), RGB (r,g,b), or HSL (h,s%,l%) format or use the color picker to choose a shade visually.
Display Closest Color
The tool will display the closest CSS/HTML color name and show side-by-side swatches.
Review the Distance Metric
The ΔE2000 distance metric will show you how close your input is to the named color.
Explore Matches
Explore the Top 5 nearest matches with their official hex codes.
Adjust Background
Adjust the background contrast preview (White, Black, or Custom) to check accessibility.
Copy Your Codes
Use the copy buttons to grab HEX, RGB, HSL, or CSS variable snippets for quick use in your design project.
Tips for better results
- If you need pixel-perfect branding, always use the exact HEX/RGB values, but the name finder helps when you want a human-readable alternative.
- The Exact Match toggle is useful for verifying whether your chosen color has an official CSS name.
- Use the contrast checker to ensure your colors meet WCAG AA or AAA accessibility standards.
- CSS named colors are handy in quick prototyping, but for production design, pair the names with your brand palette.
- Bookmark this tool to quickly translate designer-provided HEX codes into developer-friendly CSS color names.
