Color Name Finder
Find the closest CSS named color for any HEX or RGB value. Browse all 148 CSS named colors with visual swatches. Free online color naming tool.
Why Use a Color Name Finder?
CSS named colors are easier to read and maintain than hex codes. Our Color Name Finder helps you identify the closest named color for any hex or RGB value, showing the color distance so you know how close the match is. Browse the complete list of 148 CSS named colors with visual swatches.
Key Features
- Find the closest CSS named color for any HEX/RGB input
- Color distance calculation using perceptual CIE76 approximation
- Visual comparison between input and closest match
- Browsable list of all 148 CSS named colors with swatches
- Search and filter colors by name or hex value
How It Works
- Enter a HEX color code (e.g. #4A90D9)
- View the closest CSS named color with distance
- Compare your color side-by-side with the match
- Browse or search the full CSS named colors list
Technical Details
This tool implements the red-mean weighted Euclidean distance formula for color comparison, which approximates the CIE76 perceptual color difference. The formula weights the red channel difference more heavily when the average red value is higher, and weights blue more when red is lower. All 148 standard CSS named colors from the CSS Color Module Level 4 are included.
Frequently Asked Questions
How is color distance calculated?
We use a weighted Euclidean distance in RGB space that accounts for human perception — red and green differences are weighted more heavily in lighter colors, while blue differences are weighted more in darker colors. This is a simplified CIE76 approximation.
What are CSS named colors?
CSS named colors are 148 predefined color keywords recognized by all browsers. Instead of using hex codes like #FF6347, you can use the name 'tomato'. They're part of the CSS Color Module specification.
What does the distance number mean?
The distance is a numerical measure of how different two colors appear to the human eye. A distance of 0 means an exact match. Generally, distances below 10 are nearly indistinguishable, 10-30 are close matches, and above 50 are noticeably different.
Related tools
Color Picker & Converter
Pick colors and convert between HEX, RGB, HSL, and HSV formats
HEX to RGB Converter
Convert HEX color codes to RGB and RGBA values
RGB to HEX Converter
Convert RGB color values to HEX codes
Color Palette Generator
Generate color palettes from a base color — complementary, analogous, triadic, and more
WCAG Contrast Checker
Check color contrast ratios for WCAG AA and AAA accessibility compliance
Hash Color Generator
Generate consistent, deterministic colors from any text string