🎨 Color Name Finder
Type a color name and get matching shades with their HEX and RGB codes.
Look up any color by name and instantly get matching shades with their exact HEX and RGB codes — no sign-up required. Type a common color like "blue" or "red" and this tool searches all 147 official CSS color names, plus surfaces perceptually similar shades when there aren't many exact name matches.
How to find a color by name
- Type a color name into the search box, such as "blue," "coral," or "gray."
- Review the matches — results update instantly as you type, with exact and closely related names shown first.
- Check the similar shades that appear when a search returns few name matches, based on how close each color actually is, not just its name.
- Click any HEX or RGB code on a swatch to copy it straight to your clipboard.
- Use the quick chips below the search box to jump straight to popular colors like blue, red, green, or black.
Frequently Asked Questions
Is this color name finder free to use?
Yes, it's completely free, with no sign-up and no limit on how many searches you can run.
Why does my search only return one or two results?
Some color names, like "black," only appear once in the standard CSS color list — no other official name contains that word. When this happens, the tool automatically adds the closest-matching shades by color, not just by name, so you still get useful options.
Where do these color names come from?
The tool uses the 147 official CSS color names recognized by every modern browser, such as "royalblue," "tomato," and "mediumseagreen," each mapped to its exact HEX and RGB value.
Can I use these codes directly in my CSS or design tool?
Yes — every HEX and RGB code shown is copy-ready and works directly in CSS, design software, and most coding environments.
Does this tool save my searches?
No — searches happen entirely in your browser and aren't stored or logged anywhere.
What's the difference between a color's name and its HEX code?
A color name like "coral" is a human-friendly label recognized by browsers and design tools, while its HEX code (like #FF7F50) is the precise numeric value used in code. Names are easier to remember; HEX codes are exact and universal.