Loading…

How to use Color Name Finder

Enter a HEX color and the tool shows the nearest CSS color name, its official hex, and a swatch comparison.

Frequently asked questions

How is the nearest name found?

Your color is compared to all CSS named colors by perceptual distance, and the closest match is returned.

Will the match be exact?

Only if your hex is already a named color. Otherwise you get the visually closest name plus its own hex value.

How many named colors are searched?

All 148 standard CSS named colors, from aliceblue to yellowgreen, are considered.

More Color Tools

CSS Color Names Reference
Complete table of all 148 CSS named colors with hex values
Tailwind Color Finder
Browse and copy the complete Tailwind CSS color palette
Color Distance Calculator
Measure perceptual color difference using the ΔECIEDE2000 metric
Color Temperature Tool
Visualize warm/cool color temperature and generate palettes
HEX to RGBA Converter
Convert HEX colors to rgba() with custom alpha / opacity
Color Palette Sorter
Sort a list of hex colors by hue, saturation, or lightness
UI Color Scheme Builder
Build a complete UI color scheme with semantic role assignment
Contrast Grid Checker
Check WCAG contrast for every foreground/background pair in a palette at once
OKLCH Color Converter
Convert HEX/RGB to and from OKLCH and OKLab (CSS Color 4)
Material Tonal Palette
Generate a 50–900 tonal scale from one base color for design systems
Complementary Color Finder
Find the exact complementary (opposite) color for any hex value
Color Inverter
Invert any color to its RGB negative (255 minus each channel)

← View all Color ToolsBrowse all 1,100+ tools →