HEX · names · close matches
Color Name Finder
Enter a HEX code or color name to see the closest color name, RGB/HSL values, and similar colors in one view.
Color input
Keep the picker, HEX field, and name search in one compact flow.
Name result
Keep the main name and copyable values close together.
Similar colors
Compare nearby names as color cards, closest first.
Recent searches
Keep the last 12 colors small so you can reopen them quickly.
Color naming guide
A HEX code can become a readable color name, not just a number
The Color Name Finder turns a color value into something you can discuss with people: a name, RGB and HSL values, and a short list of nearby color names. It works from a color picker, a pasted HEX code, or a typed color name, then brings every result back to the same cards.
Choose the color first, then read the name and values together
The tool has three entry points, but you do not need to use all of them. Start with the way you already have the color, then use the result side for the value you need to copy.
- Pick a color or paste a HEX code. A full value like #3498db works directly, and a short value such as #fff is expanded to the six-digit form.
- Search by name when you remember a color word. Typing Tomato, Red, or another known name opens suggestions that can be selected without touching the picker.
- Check whether the name is exact or just close. An exact match means the HEX value exists in the tool’s color list; otherwise the similar-color cards become the practical guide.
- Copy only the format you need. Design specs often need HEX, CSS snippets may use RGB, and adjustments are sometimes easier to reason about in HSL.
HEX, name search, and the picker are three doors into the same result
HEX is the web-friendly #RRGGBB notation. RGB shows the red, green, and blue channel values. HSL separates hue, saturation, and lightness, which is useful when you want to make a color slightly brighter, duller, or more vivid.
HEX code
Use this when a design file, stylesheet, or brand guide already gives you a code.
Color name search
Use this when you remember a name but not the exact code. The tool searches English names and the locale names included in the data.
Color picker
Use this when you only know the color visually. Pick first, then read the generated name and code.
An exact name and a nearby name answer different questions
CSS named colors are a fixed browser-recognized list. The tool also includes extended Material and Flat-style names so a non-standard color can still be compared with a familiar label. Similar colors are sorted by a weighted RGB distance, so a lower distance means a closer channel match.
#ff0000 is Red; in-between colors need the nearest-candidate list
For #ff0000, the result is Red, with rgb(255, 0, 0), hsl(0, 100%, 50%), and #FF0000 available to copy. For a browner or softer red, the exact box may stay empty, and the first similar card is usually the best name to review first.
When there is no exact match
Do not treat that as an error. It simply means the chosen HEX value is between named entries. Use the first few similar cards and choose the name that fits your project vocabulary.
Read the result by purpose: name, code, or adjustment value
A color result is easier to use when you decide where it will be pasted next. The separated copy buttons are there so the result does not have to be rewritten by hand.
- Use the name for human discussion. It helps when you need to describe a palette in a message, brief, or design review.
- Use HEX for design tokens and many CSS values. The output is normalized to uppercase six-digit HEX for consistency.
- Use RGB when channel values matter. It is helpful when comparing the amount of red, green, and blue in a screen color.
- Use HSL when adjusting a color. Hue, saturation, and lightness are easier to tweak than raw RGB channels.
- Remember that history is browser-local. Private mode, storage blocking, or clearing site data can remove recent searches.
Questions that come up when using the Color Name Finder
What does “no exact color name match” mean?
It means the HEX value is not identical to one of the names stored in the tool. The similar-color list is still useful; start with the first card and compare it with your palette language.
Can I type a 3-digit HEX value?
Yes. A value such as #fff is expanded to #FFFFFF before the result is calculated and displayed.
When should I use RGB instead of HSL?
Use RGB when you need the red, green, and blue channel numbers. Use HSL when you are deciding how much to shift hue, saturation, or lightness.
Why did my recent colors disappear?
Recent colors are saved in the browser’s local storage. Private browsing, blocked storage, or cleared site data can leave the history empty.