CSS Color Names

Browse, search and sort all 148 named CSS colors — from aliceblue to yellowgreen — with live previews, HEX and RGB values. Free, instant and entirely in your browser.

Loading colors…

Click a swatch or HEX value to copy the code; click the name to copy the name.

How to use the CSS color names list

  1. Search or browse. Type part of a name (like "sea" or "slate") or a HEX code to filter the 148 named colors instantly.
  2. Sort your way. Switch between alphabetical order, color-wheel hue order, or dark-to-light order to compare related colors side by side.
  3. Copy what you need. Click a swatch or HEX value to copy the code, click the name to copy the keyword, or download the full list as a CSV file.

About this tool

CSS defines 148 named colors — keywords like tomato, steelblue, rebeccapurple and papayawhip — that you can use anywhere a color value is accepted in CSS, HTML or SVG. Most of them come from the classic X11 color list adopted by early browsers, which is why the collection is charmingly uneven: dozens of grays, a handful of spice-rack browns and exactly one orange. This reference shows every keyword with a live preview rendered by your own browser, plus its HEX and RGB values, so you can quickly find a usable named color instead of memorizing hex codes.

The list is generated and filtered locally in your browser — nothing is uploaded and no network requests are made, so the page also works offline once loaded. It is handy for CSS beginners learning color keywords, for quick prototyping when any reasonable "darkslategray" will do, and for finding the official name of a color you half-remember. Need a color that is not on the list? Try the Random Color Generator for unlimited options.

Frequently asked questions

How many named colors does CSS have?

148 keywords in total: the 16 basic HTML colors, the extended X11-derived set standardized in CSS Color Level 3, and rebeccapurple added in Level 4. Because of spelling aliases (gray/grey) and synonym pairs like aqua/cyan and fuchsia/magenta, only 139 of the 148 keywords are distinct color values.

Why do some colors exist as both "gray" and "grey"?

The original X11 list used the American spelling "gray". CSS later added British "grey" aliases for the seven gray-family names: grey, darkgrey, darkslategrey, dimgrey, lightgrey, lightslategrey and slategrey. Both spellings resolve to exactly the same HEX value.

Why is darkgray lighter than gray?

It is a famous quirk inherited from X11. In X11, "gray" was a fairly light value, so "darkgray" (#A9A9A9) was created darker than it. HTML separately defined "gray" as the darker #808080 — and when CSS merged both lists, darkgray ended up lighter than plain gray.

What is rebeccapurple?

Rebeccapurple (#663399) was added to CSS in 2014 in memory of Rebecca Meyer, the daughter of CSS pioneer Eric Meyer, who died of brain cancer at age six. Purple was her favorite color, and the community named the keyword in her honor.