Color Name Finder — Find Any Color Name
Enter any HEX or RGB code to instantly find the exact color name, CSS color name, and color family. Works from any image — use the Image Color Picker to extract a HEX code first, then find its name here. 1,500+ named colors. Free, no signup.
🎨 Browse Colors by Family
📖 About This Tool
What Is a Color Name Finder?
A color name finder is a tool that takes a color code — HEX, RGB, or HSL — and returns the human-readable name for that color. When you extract a color from an image or design file, you get a code like #6B8E23. That tells you nothing about what the color actually is. A color name finder translates that into "Olive Drab" — a name you can communicate to a client, search for in a paint store, or use when briefing a print shop.
This tool matches your color against a database of over 1,500 named colors, including all 148 official CSS named colors, common paint color names, and descriptive names based on hue, saturation, and lightness. It returns the closest match along with the full family, lightness description, and saturation level.
How to Find the Name of a Color from an Image
The fastest workflow for identifying a color from a photo is to use the Image Color Picker first. Upload or paste any image, click any pixel, and copy the HEX code from the results panel. Then paste that HEX code into the Color Name Finder above to get the color name instantly. This works equally well on desktop and mobile — use your phone camera to capture a color in the real world, upload the photo to the Image Color Picker, extract the HEX, and find its name here.
This find-color-name-from-image workflow is useful for interior designers matching paint colors to inspiration photos, cross-stitch and embroidery crafters identifying thread colors, web designers trying to name a brand color, photographers identifying the exact colors in a reference image, and anyone who has ever thought "what is that color called?"
How to Find the Name of a HEX Color
To find the name of a HEX color, type or paste the HEX code into the HEX input field at the top of this page. Include or omit the # sign — both work. The tool immediately searches 1,500+ named colors and returns the closest match by Euclidean distance in RGB space. You also get the closest official CSS color name, which is useful if you want to reference the color by name in HTML or CSS.
Common searches include finding the name for colors like #FF5733 (a vivid orange-red, closest to "orangered"), #C0C0C0 (silver), #708090 (slategray), and #6B8E23 (olivedrab). Paste any HEX code from any source — Figma, Photoshop, brand guidelines, or a hex color picker from image — and get the name in under a second.
Pantone Color Names and HEX Equivalents
Pantone colors each have official names like "Classic Blue" (Pantone 19-4052) or "Viva Magenta" (Pantone 18-1750). While this tool uses a general named color database rather than the proprietary Pantone library, you can enter the HEX equivalent of any Pantone color to find the closest descriptive name in our database. For example, Pantone Classic Blue (#0F4C81) returns "Navy Blue" or "Dark Cerulean" depending on the closest match. For precise Pantone matching, always refer to official Pantone swatches, as screen rendering varies.
CSS Named Colors Explained
CSS has 148 official named colors that web browsers recognize by name rather than code. These range from simple names like "red", "blue", and "green" to more descriptive names like "cornflowerblue", "mediumseagreen", and "papayawhip". Every CSS named color has an exact HEX value, and this tool shows you the closest CSS named color to whatever code you enter — useful for frontend developers who prefer readable color names in their stylesheets.
The full CSS color list is defined in the CSS Color Level 4 specification. Notably, "rebeccapurple" (#663399) was added to honor web pioneer Eric Meyer's daughter Rebecca. It is the only CSS color named after a real person.
Color Families and Hue Ranges
Colors are grouped into families based on their hue angle in the HSL color model. Red covers hues from 345 to 15 degrees, orange from 15 to 45, yellow from 45 to 70, green from 70 to 165, cyan from 165 to 195, blue from 195 to 255, indigo and violet from 255 to 285, purple from 285 to 325, and pink from 325 to 345. Neutral colors — black, white, and grays — are those with saturation below 8%.
Within each family, lightness and saturation modify the name. A high-saturation orange with medium lightness is "Vivid Orange". The same hue at low lightness becomes "Dark Brown". The same hue with low saturation becomes "Tan" or "Khaki". These descriptors make color communication far more precise than just saying "orange".
Using Color Names in Design and Print
Color names matter most when communicating across different media. A printer needs a Pantone reference or CMYK values. A paint store needs a brand-specific color name. A developer needs a HEX or CSS variable. A client just needs a name they can remember. This tool bridges all of those by giving you the name alongside all the codes, so you can pick the right format for whoever you are talking to.
Once you have identified your color name, check whether it meets accessibility requirements using the Contrast Checker. If you want to build a full palette around it, the Color Palette Generator lets you explore complementary, analogous, and triadic harmonies from any starting color.