Color Name Dictionary
Search CSS color names and copy their HEX values.
Overview
The Color Name Dictionary is a searchable index of every CSS named colour — all 147 keywords from aliceblue through yellowgreen — with their canonical hex and RGB values. Type a partial name, a hex code, or a hue keyword like "blue" and the dictionary filters the swatch grid live, one click away from copying the value.
It is useful for developers who remember a colour name but not its hex, or vice-versa, and for designers building demos who want to drop in a quick swatch without opening a colour picker. The dictionary also helps when reading legacy CSS that uses named keywords and you want to confirm the exact RGB the browser will render.
How it works
The list is the X11 / SVG 1.0 named-colour set adopted by CSS Color Level 3 and 4. Every entry has a fixed hex code defined by the specification, so red is exactly #ff0000, cornflowerblue is #6495ed, and so on. There is no algorithmic conversion — the dictionary is a lookup table.
Search runs on three indexed fields per entry: the keyword itself, the hex code (with and without the leading #), and a hand-curated hue tag (red, orange, yellow, green, blue, purple, pink, brown, grey, white, black). Matching is case-insensitive and substring-based.
Examples
"crimson" → #dc143c, rgb(220, 20, 60)
"cornflower" → #6495ed (cornflowerblue)
"#7fffd4" → aquamarine
"yellow" → yellow, lightyellow, greenyellow, lightgoldenrodyellow, …
FAQ
Why are there two greys for the same colour?
CSS accepts both gray and grey spellings for the same hex value. Several other entries (darkgray / darkgrey) follow the same pattern.
Can I use these names in CSS variables?
Yes — color: rebeccapurple; works in every modern browser. They are no different from color: #663399; once parsed.
Are named colours faster to parse than hex?
The difference is imperceptible. Pick whichever reads better in your code base; many design systems prefer hex for consistency.
What is rebeccapurple and why is it in the list?
It was added to CSS Color Level 4 in memory of Rebecca Meyer, daughter of CSS pioneer Eric Meyer, and resolves to #663399.
Do all browsers support the same 147 names?
Yes. The list is part of the CSS specification, so support is universal in modern browsers and stable in legacy ones.