The CSS color name lookup finds the nearest named CSS color from any hex code, or looks up a color name's exact hex value. Browse all 147 CSS3 named colors or search for the closest match to your design color.
Hex to Color Name
Search Color Names
CSS Named Colors Reference
CSS3 defines 147 named colors, from basic names like red and blue to evocative names like cornflowerblue, papayawhip, and rebeccapurple. All are universally supported in modern browsers.
When to Use Named Colors
Named colors are readable in code reviews and design documentation. Use them for prototyping and quick visual experiments. For production, prefer hex values or HSL for precision, and named colors only for colors that exactly match a named color (like white, black, transparent).
Frequently Asked Questions
Is this color name lookup tool free?
Yes, completely free with no signup required.
How many CSS color names are there?
CSS3 defines 147 named colors, including the 16 basic HTML colors plus an extended set from the X11 color list. These range from basic names like 'red' and 'blue' to specific names like 'cornflowerblue', 'mediumaquamarine', and 'papayawhip'.
How is 'nearest color' calculated?
The nearest color is found by comparing the input hex color to all 147 CSS named colors using Euclidean distance in RGB color space. This finds the color with the closest mathematical match, though perceptual similarity can differ.
Are 'rebeccapurple' and other new colors included?
Yes. The tool includes all CSS Color Level 4 named colors, including rebeccapurple (added in CSS4 in honor of Eric Meyer's daughter Rebecca).
Can I use CSS color names in production code?
Yes, CSS color names are part of the CSS specification and are universally supported in all modern browsers. However, hex codes or RGB values are more precise and more common in production CSS.