Color Name Finder
Enter any HEX or RGB color value and instantly find the closest named color from our database of 300+ CSS Named Colors, X11 color names, and Pantone approximations. Search by name to browse the full database. All lookups run locally in your browser — free, private, and no signup required.
Closest Named Colors
Searching 300+ CSS, X11 & Pantone namesWhy Use Our Color Name Finder?
Instant Closest-Color Matching
The color name finder calculates the Euclidean distance between your input color and every color in the database instantly — returning the top 6 closest matches ranked by perceptual similarity. No button to press.
300+ CSS, X11 & Pantone Names
The database covers all 148 CSS named colors, 50+ X11 color names, and 100+ Pantone color approximations — the three most widely referenced color naming systems in web, print, and design.
Search by Name or Browse
Switch to the Search tab to find colors by name — type "coral", "navy", or "pantone 186" to browse the full database. Click any result to instantly see its closest matches and copy its values.
100% Private — No Upload
All color lookups happen locally in your browser. No color data is ever sent to a server, stored, or logged. The color name finder works entirely offline once the page has loaded.
Common Use Cases for the Color Name Finder
CSS Development
Find the CSS named color closest to your design token so you can use a semantic name instead of a raw HEX code. The color name finder tells you instantly whether your color has an exact CSS match.
Design Documentation
When documenting a color palette, use the color name finder to give each color a human-readable name. Named colors are easier to communicate to stakeholders than raw HEX codes.
Print & Brand Matching
Find the closest Pantone approximation for any screen color. The color name finder's Pantone database helps you identify the nearest standard ink color for print production.
Accessibility & Color Communication
When writing accessibility reports or design specs, use named colors to describe UI elements clearly. The color name finder gives you the standard name for any color value.
Digital Art & Illustration
Identify the standard name for colors you pick from reference images or palettes. The color name finder covers X11 art colors like Cerulean, Vermilion, and Ochre that designers use daily.
Color Blindness & Accessibility Testing
Use named colors to communicate color choices to users with color vision deficiencies. Named colors like "DodgerBlue" and "Crimson" are more descriptive than HEX codes in accessibility contexts.
Understanding Color Name Lookup
What Is a Color Name Finder?
A color name finder takes any color value — HEX, RGB, or a search query — and returns the closest named color from a curated database. Color names come from three major systems: CSS Named Colors(the 148 colors defined in the CSS specification, like “CornflowerBlue” and “Tomato”), X11 color names(the extended set used in Unix/Linux systems and design tools, including colors like “Cerulean” and “Vermilion”), and Pantone color approximations (the industry-standard ink color system used in print and brand design).
How Our Color Name Finder Works
The lookup happens in three steps, entirely in your browser:
- Parse your input: Enter a HEX code (e.g. #3b82f6), use the native color picker, enter RGB values, or search by name. The color name finder accepts all common input formats.
- Calculate distances: The tool computes the Euclidean distance between your input color and every color in the 300+ name database using the formula √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). A distance of 0 means an exact match. Your color data never leaves your browser.
- Return top matches: The six closest named colors are displayed as cards with their HEX, RGB, and HSL values — all copyable with one click. Each card shows the color source (CSS, X11, or Pantone) and the distance score.
What the Three Color Sources Cover
- CSS Named Colors: The 148 colors defined in the CSS Color Module Level 4 specification. These are the only color names that work directly in CSS stylesheets without any conversion.
- X11 Color Names: An extended set of ~550 color names originally defined for the X Window System. Many design tools and programming languages include X11 colors. The color name finder includes the most useful X11 names not already covered by CSS.
- Pantone Approximations: Approximate sRGB values for Pantone Matching System (PMS) colors. These are screen approximations only — actual Pantone ink colors can only be matched accurately with physical swatches.
About the Distance Score
The Δ distance shown on each result card is the Euclidean distance in RGB color space between your input color and the named color. A distance of 0 means an exact match. Distances below 20 are very close (nearly indistinguishable). Distances above 50 indicate a noticeable color difference. For more perceptually accurate matching, a future version may use CIE ΔE distance instead of Euclidean RGB distance.
Related Color Tools
Color Picker & Converter
Visual color picker with HEX, RGB, HSL, HSV, CMYK, HWB, and CIE LAB conversion. Bidirectional inputs and WCAG contrast checker.
Color Palette Extractor
Upload any image and extract the dominant color palette as HEX codes and CSS variables.
Color Contrast Checker (WCAG)
Input foreground and background colors; get contrast ratio and AA/AAA pass/fail for normal text, large text, and UI components.
Tint & Shade Generator
Input a base color and generate 10 tints (mixed with white) and 10 shades (mixed with black) with HEX codes.
Frequently Asked Questions About the Color Name Finder
A color name finder takes any color value — HEX, RGB, or a search query — and returns the closest named color from a database of CSS, X11, and Pantone color names. It is useful for identifying what a color is called, finding CSS-compatible color names, and matching screen colors to Pantone references.
The color name finder calculates the Euclidean distance between your input color and every color in the database using the formula √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). The six colors with the smallest distance are returned as the closest matches. A distance of 0 means an exact match.
Completely. All lookups happen locally in your browser using JavaScript. No color data is ever sent to a server, stored, or logged. The color name finder works entirely offline once the page has loaded.
Yes — 100% free, forever. No signup, no account, no premium tier, no ads. The color name finder is a fully free browser-based tool with no usage limits.
The color name finder searches three databases: all 148 CSS Named Colors (the colors defined in the CSS specification), X11 color names (an extended set used in design tools and programming languages), and Pantone color approximations (approximate sRGB values for Pantone PMS colors).
The Pantone values in the database are approximate sRGB screen representations. Actual Pantone ink colors can only be matched accurately with physical Pantone swatches — screen colors are affected by monitor calibration, color profiles, and ambient lighting. Use these values as a starting point for Pantone identification, not as a definitive match.
Yes. Switch to the "Search by Name" tab and type any color name — like "coral", "navy", "cerulean", or "pantone 186". The color name finder searches all three databases and returns matching results. Click any result to see its closest matches.
The Δ (delta) distance is the Euclidean distance in RGB color space between your input color and the named color. A distance of 0 means an exact match. Distances below 20 are very close (nearly indistinguishable to the eye). Distances above 50 indicate a noticeable color difference.
Only CSS Named Colors can be used directly in CSS stylesheets (e.g. color: CornflowerBlue). X11 and Pantone names are not valid CSS color values — you need to use their HEX or RGB values instead. The color name finder clearly labels each result with its source (CSS, X11, or Pantone).