CSS keywords · nearest match
Color name finder
Paste any six-digit HEX and see the closest CSS named color from the Level 4 keyword set, plus RGB distance so you know how far off the match is. Handy when docs say “use rebeccapurple” but your ticket only has #663399.
Why this tool exists
Named colors are inconsistent with brand HEX — but they still appear in legacy CSS, email templates, and Stack Overflow answers. This page quantifies the gap instead of guessing “close enough.”
How to use it
- Enter HEX with or without the hash.
- Read the nearest keyword and ΔRGB distance (lower is closer).
- Copy the keyword for stylesheets or the HEX chip for design files.
- Browse the full list on HTML color names when you need every option.
Use a different tool when…
You need Pantone or RAL names — use reference hubs, not CSS keywords.
Practical tips
- ΔRGB under 15 is usually indistinguishable on screen; above 40 is a different color family.
- Keywords are case-insensitive in CSS but copy lowercase for consistency.
- Transparent and currentColor are valid CSS — not in this lookup table.
FAQ
How many names are in the database?
The CSS Color Module Level 4 keyword set (excluding transparent), loaded from ChromaXP reference data.
Why not use the exact name for my HEX?
Most HEX values are not exact keyword coordinates. We pick minimum Euclidean distance in RGB.
Does it support eight-digit HEX with alpha?
Enter six-digit RGB only; alpha is ignored for matching.
Can I search by name instead of HEX?
Use the HTML names directory with site search.
Will the keyword work in all browsers?
Modern browsers support the full Level 4 set; very old IE versions may differ on exotic names.