Color Name Finder
Enter a color
Supports #RGB, #RGBA, #RRGGBB, #RRGGBBAA, integer rgb()/rgba(), and percentage hsl()/hsla().
Enter a HEX, RGB or HSL color to find the closest standardized CSS named color. The finder also shows normalized HEX, RGB, HSL and CIELAB values plus the CIEDE2000 difference. Everything is calculated in your browser. In funnel mode, the entered color is included in the page URL and sent to the server in the page request; the matching calculation still runs only in the browser.
How to find a CSS color name
-
1
Enter a color
Use the text field or color picker. Strict HEX, integer RGB and percentage HSL forms are accepted.
-
2
Parse and normalize
The tool validates the value and converts it to sRGB, HSL and CIELAB using the D65 white point.
-
3
Compare CSS names
CIEDE2000 compares the opaque RGB color with every standardized CSS named color.
-
4
Review or copy
Compare both swatches, inspect the color values and copy the result.
What the result means
CSS defines a fixed set of named colors such as tomato, cornflowerblue and rebeccapurple. Most input colors are not exact members of that set, so the finder returns the nearest name and its canonical HEX value. Equivalent CSS aliases, such as aqua and cyan, are shown together.
Color difference
The comparison converts sRGB to CIELAB with a D65 white point, then applies CIEDE2000. A result of 0 means an exact RGB match. A small nonzero value means the named swatch is close, not that it is another official name for the input.
Supported input
- HEX:
#0F8,#0F8C,#00FF88,#00FF88CC - RGB:
rgb(0, 255, 136)orrgba(0, 255, 136, 0.8) - HSL:
hsl(152, 100%, 50%)orhsla(152, 100%, 50%, 0.8)
Alpha is retained in normalized eight-digit HEX, but naming uses the opaque RGB channels because CSS color names do not include opacity. The tool does not search Pantone, paint, crayon or crowdsourced dictionaries, and it does not sample uploaded images.
Practical use
Named colors are useful for conversation and quick CSS prototypes. For production design tokens, a role-based name such as brand-primary is usually more stable. A color name also says nothing about readable contrast; use a contrast checker for accessibility decisions.
Frequently Asked Questions
Only when the CIEDE2000 difference is 0. Otherwise it is the nearest standardized CSS named color.
CSS includes aliases with the same RGB value, such as aqua and cyan or fuchsia and magenta. The finder shows tied aliases together.
No. Alpha is preserved in normalized HEX but excluded from matching. The visible composite color depends on the background.
No. Use the color contrast checker to test foreground and background colors against WCAG thresholds.
Related Tools
HEX Color Picker
Pick or enter a HEX colour and get RGB, HSL, approximate CMYK, relative luminance and contrast ratios against white and black.
Color Palette Generator
Generate monochromatic, analogous, complementary, triadic or tetradic color palettes from a base HEX color and export copy-ready CSS variables.
FPS Counter
Measure browser FPS with requestAnimationFrame, smoothing, min/max frame rate, warnings and an optional graph. Runs locally with no upload or API.
Phone Validator
Validate phone numbers by country, detect the region and type, and normalize valid numbers to E.164, international, national and RFC 3966 formats.
BBCode to HTML Converter
Convert BBCode (bulletin-board markup) to clean HTML. Handles formatting tags, lists, quotes, code, images, links and tables.
Random Color Palette Generator
Generate random color palettes from 2 to 15 swatches, choose a vibrant, pastel, muted or dark style, then copy HEX codes or CSS variables.