colorcodekit
Color Codes › Named Colors

CSS named colors

All 140 named colours supported by every modern browser, with their HEX, RGB and HSL codes. Click any colour to copy its hex code, or search by name.

Using named colors in CSS

CSS lets you write a colour by name instead of a code. color: tomato; is exactly the same as color: #ff6347; — the browser knows all 140. Named colours are readable and quick for prototyping, though most production design systems standardise on HEX, HSL or OKLCH for tighter control.

The 140 names

The list ranges from the obvious — red, green, blue — to oddly specific entries like papayawhip, gainsboro and rebeccapurple. Several pairs are identical: gray and grey are the same colour, as are aqua and cyan, and fuchsia and magenta.

Want to turn any of these into another format? Open the converter and paste the name — it understands named colours too.

Frequently asked questions

How many CSS named colors are there?
140 are recognised by all modern browsers, plus keywords like transparent and currentColor. They range from red and blue to specific shades like tomato and rebeccapurple.
Can I use named colors in CSS?
Yes — color: tomato; works exactly like color: #ff6347;. They are readable, though design systems usually prefer HEX or HSL.
What is rebeccapurple?
Rebeccapurple (#663399) was added to CSS in memory of Eric Meyer's daughter Rebecca — the only named colour added for personal reasons.