CSS Color Name Lookup
Enter any hex, RGB, or HSL value and find the closest named CSS color, complete with swatch, exact code, and the distance between your color and the match.
Using the Color Name Lookup: step by step
- Type a color value in hex, RGB, or HSL form.
- The nearest named CSS color appears with a swatch.
- Compare the exact codes of your input and the named match.
- Copy the CSS name if the approximation suits your needs.
What people use the Color Name Lookup for
- Naming colors in code reviews and design discussions.
- Replacing cryptic hex values with readable names in prototypes.
- Checking whether a hex value is already one of the 148 named colors.
- Learning the CSS named color vocabulary by exploration.
Inside the Color Name Lookup
CSS reserves 148 named colors from aliceblue to yellowgreen, and this tool finds which one sits closest to your input by comparing positions in RGB space. When your value matches a name exactly, you know you can use the readable name; otherwise you see the nearest neighbor and can judge whether the substitution is acceptable. Lookup is a small local computation, instant and private.
Limitations worth knowing
Named colors are fixed points; if your color sits between two names, the nearest match may still be visibly different, so verify by eye.
Color Name Lookup FAQ
How many named colors does CSS have?
148 keywords, including rebeccapurple, the newest addition to the set.
Why use a name instead of hex?
Names read clearly in code and serve as documentation of intent, though hex stays more precise.
Does it accept RGB and HSL input?
Yes, all three common formats are recognized when you type them.
Last reviewed: October 2026.