Exact and approximate are different
An exact match shares the same normalized 8-bit RGB value. A nearby candidate is a different color: copying its name changes the value. Keep the original HEX when exact brand fidelity matters.
ONELESS / COLOR
Color Name Finder
A color value tells a computer exactly what to draw, but a familiar name can make a discussion easier. Color Name Finder compares your opaque screen color with standard CSS named colors. Inspect the original beside a candidate, compare three nearby choices and copy the name that fits your purpose while keeping the difference visible.
Open Color Name Finder. JavaScript powers the workspace; the full guide is available below.
UNDERSTAND THE RESULT
Color, with a little context.
A transparent color needs context
Names in this comparison represent opaque sRGB colors. A translucent foreground looks different on different backgrounds, so it must first be composited onto its intended surface.
Distance has a specific meaning
The input is rounded to 8-bit HEX before comparison. Candidates are ranked by Euclidean distance between encoded RGB channels. This is a simple numerical ranking, not a perceptual similarity percentage.
HOW TO USE IT
From a starting point to a usable result.
- Enter an opaque HEX, RGB, HSL or standard CSS name. An alpha value of 1 is accepted; partial transparency is not.
- Inspect the original and the first candidate. Select another candidate to see its name, HEX and RGB distance.
- Choose an alias if available, then Copy name or HEX. HEX copies the selected candidate, not your original input.
A WORKED EXAMPLE
Cyan and aqua share one value
Enter #00FFFF. The first candidate is an exact match whose names include aqua and cyan. Selecting either alias changes the copied word but keeps the color value #00FFFF.
EVERYDAY USES
Make the next small decision easier.
Describe a draft color
Use a recognizable CSS name in a discussion, and include the original HEX when the distinction matters.
Replace a literal with a keyword
Find an exact name for a CSS value. If the tool says Approximate candidate, inspect the visual change before replacing the original.
LOCAL WORKSPACE
Your work stays in this browser.
The tool processes color values locally. It does not upload the input to a processing server or save it in browser storage. Leaving or reloading the page clears the working state. Copying places the selected result on your clipboard; sharing sends only the page address without your working values.
These tools describe sRGB colors. Browser decoding, color management and the display can affect what you see; they are not an ICC proofing workflow or a print-color guarantee. Read the site privacy policy for information about the surrounding website.
KEEP IT NEARBY
One less search next time.
Press Ctrl + D on Windows or Command + D on Mac to bookmark this page. Your browser may also offer Create shortcut or Add to Home Screen. Shortcuts open the tool; they do not include your colors or images.
Choose a shortcut icon
Soft Coral
Warm Peach
Sunset Orange
OneLess Blue
Rose PinkQUESTIONS, ANSWERED
A few useful details.
Are these every possible color name?
No. The vocabulary is the 148 standard CSS color names, grouped by their 139 distinct values. It does not include paint catalogs, brand names or proprietary swatch systems.
Why does a fractional input count as exact?
The comparison uses normalized 8-bit HEX. For example, rgb(254.6 0 0) rounds to #FF0000 before matching red.
Why are two names on one candidate?
CSS includes aliases such as aqua/cyan and gray/grey. They share identical RGB values and are grouped to avoid repeated candidate colors.
Is the nearest candidate visually the closest?
Not necessarily. Encoded RGB distance is not perceptually uniform. Compare the swatches in context and keep exact values when needed.
Does choosing a suggested name change my original input?
Treat a named suggestion as a separate candidate with its own HEX. A nearest name can be close without being identical to the color you entered.
Can this identify a paint brand or a Pantone color?
No. Its vocabulary is CSS named colors. It does not search proprietary paint catalogues or perform print-color matching.
Should I copy my original HEX or the nearest name?
Keep the original HEX when an exact digital color matters. Choose the named candidate only if its actual color is acceptable for your purpose.
REFERENCES
ANOTHER SMALL STEP
Keep the next tool close.
Ready for a little more color?
Find a familiar name near the color in front of you.
Return to Color Name Finder ↑