Skip to main content
ToolsHub

Color Name Generator

Enter any HEX color to find its closest CSS named color and the 5 nearest matches by RGB distance.

Files never leave your browser
#3B82F6

How to use Color Name Generator

Browse, search, and generate color names from the complete web color database — 140+ CSS named colors, 1,500+ X11/SVG color names, and common paint/design color names. Enter a HEX or RGB value to find the nearest named color with distance score. Perfect for designers naming custom palette entries, developers picking readable CSS class names, or anyone building a color system who needs standardized, human-readable color names.

  1. Browse the full list of named colors by category (red, blue, green, neutral, etc.).
  2. Search by name (e.g., "coral") to see all variations and their HEX/RGB values.
  3. Enter a HEX value to find the nearest named color by perceptual distance (ΔE).
  4. Click any color to copy its HEX code, CSS name, or RGB value.
  5. Use the palette builder to collect multiple named colors into a set.

Your data never leaves your device — 100% private processing.

CSS named colors reference

CSS defines 140 named colors directly usable in stylesheets without HEX codes — from basic names like red and blue to specific hues like rebeccapurple, cornflowerblue, and papayawhip. These names are defined in the CSS Color Level 4 specification and supported in all modern browsers. Named colors are useful for quick prototyping, readable code in design tokens, and accessibility audits where color names communicate intent more clearly than hex values.

CategoryExample namesCount
Redsred, crimson, tomato, indianred, firebrick9
Greensgreen, lime, forestgreen, seagreen, olivedrab12
Bluesblue, navy, royalblue, cornflowerblue, steelblue16
Purplespurple, violet, rebeccapurple, plum, orchid10
Neutralswhite, black, gray, silver, gainsboro, snow14

Perceptual color distance (ΔE)

Color distance is measured in ΔE (delta-E), a perceptual metric calculated in the CIELAB color space where distances correspond to human-perceived color differences. ΔE < 1 is imperceptible to most people; ΔE 1–2 is just noticeable; ΔE 2–10 is a small but visible difference; ΔE > 10 is clearly different colors. When you enter a custom hex value, the tool finds the named color with the smallest ΔE distance — meaning the perceptually closest match, not necessarily the closest in RGB channel values.

Glossary

CSS Color Level 4
The W3C specification defining extended CSS color syntax including named colors, oklch(), color-mix(), and the wide color gamut.
ΔE (delta-E)
A perceptual color difference metric calculated in CIELAB color space — smaller values mean the colors are more similar to human vision.
CIELAB
A device-independent color space that models human color perception, used as a basis for perceptual color calculations.
rebeccapurple
A CSS named color (#663399) added to honor Rebecca Meyer, daughter of CSS specification author Eric Meyer, who died in 2014.

Related reading

Frequently Asked Questions

Free · No spam

Get weekly tool tips & updates

New tools, power-user tips, and productivity hacks — delivered free every Friday.

No spam, ever. Unsubscribe with one click.

Why use Color Name Generator?

  • Cryptographically random generators for secure use cases
  • Fully configurable output — length, charset, quantity
  • Download or copy output in one click
  • No data logged or stored — 100% private generation

Common use cases

  • Generate a strong random password for a new account
  • Create test data with realistic-looking names and emails
  • Produce random numbers for a classroom lottery
  • Generate Lorem Ipsum placeholder text for mockups
  • Create unique UUIDs for software development

Related Generators

Explore all Generators.