CSS Color Name Lookup — Free Online Tool
Browse all 148 CSS standard named colors with color swatches, HEX codes, and RGB values. Search by name, browse the full catalog, or enter a hex color to find the nearest named CSS color. Useful for design systems, CSS authoring, and color reference.
100% client-side. No uploads. Your data never leaves your browser.
How to use CSS Color Name Lookup
- Browse all colors or search by name.
- Click a color swatch to copy its name and hex.
- Switch to 'Find Nearest' to find the closest named color for any hex.
- Use the hex code or CSS name in your stylesheet.
Frequently Asked Questions
How many CSS named colors are there?
CSS Color Level 4 defines 148 named colors, from 'aliceblue' to 'yellowgreen'. All are standardized and work in every modern browser.
What does 'find nearest' do?
Enter any hex code and the tool finds the CSS named color with the smallest Euclidean distance in RGB space — the color that looks most similar.
Can I use any of these in CSS directly?
Yes. All 148 named colors are valid CSS color values. Use them directly: color: cornflowerblue; or background: lavender;
Related tools
Related reading
Browse all free tools · theproductguy.in