Color Name Finder

Find the closest named CSS color for any hex or RGB value. Identify colors by their standard names instantly.

Loading...
1. Enter any color value as a hex code, RGB triplet, or HSL value in the input field. 2. The tool instantly identifies the closest matching CSS named color from the 148 official standard names using perceptual distance. 3. Compare the visual swatch of your input color displayed side by side with the matched named color to see how close they are. 4. View the exact hex code, RGB values, and HSL values of the matched named color for reference. 5. Copy the named color string or its hex equivalent using the copy button for use in your CSS or design specifications.

About This Tool

The Color Name Finder takes any color value - hex, RGB, or HSL - and identifies the closest matching named CSS color from the official specification. CSS defines 148 named colors (from aliceblue to yellowgreen), and this tool finds which name most closely matches your input by calculating the perceptual distance between colors.

Knowing color names is useful for writing more readable CSS, communicating with team members about specific shades, and understanding the standard color vocabulary. Instead of referencing an abstract hex code like #CD853F, you can refer to it as "peru" - a meaningful name that others can instantly visualize.

The tool uses the CIEDE2000 color difference formula for perceptual accuracy, ensuring that the "closest" match aligns with how humans see color rather than relying on simple mathematical distance in RGB space. It also shows the exact named color alongside your input for easy visual comparison.

Frequently Asked Questions

CSS defines 148 named colors, including 17 standard colors from CSS2 (like red, blue, and green) plus 131 extended colors (like coral, tomato, and slategray). All modern browsers support all 148 names.
This tool uses the CIEDE2000 color difference formula, which calculates perceptual distance between colors in the CIELAB color space. This accounts for how human vision perceives color differences, making the matches feel more natural than simple RGB distance calculations.
No. CSS color names are case-insensitive. You can write "DarkSlateGray", "darkslategray", or "DARKSLATEGRAY" - they all refer to the same color (#2F4F4F). This tool displays names in their most common capitalization.
For exact brand colors, use hex or RGB values. Named colors are great for quick prototyping, readable code, and common colors like white, black, or red. Some teams prefer hex for consistency, while others use names for standard shades.
Both spellings are valid in CSS and refer to the same colors. For example, "darkgray" and "darkgrey" both produce #A9A9A9. The CSS specification accepts either spelling for all gray/grey color names.

Related Tools

Hex to RGB Converter

Convert hexadecimal color codes to RGB values instantly. Supports shorthand and 8-digit hex with alpha.

Color Tools

Color Picker

Pick any color visually and get values in hex, RGB, HSL, and CMYK. Interactive color wheel with precision.

Color Tools

RGB to HSL Converter

Convert RGB color values to HSL format. See hue, saturation, and lightness with a live color preview.

Color Tools

Color Palette Generator

Generate harmonious color palettes. Create complementary, analogous, triadic, and split-complementary schemes.

Color Tools

Color Shade and Tint Generator

Generate shades and tints of any color. Create darker and lighter variations for complete color scales.

Color Tools