This is a searchable reference of every CSS named color keyword — the roughly 148 keywords shared between CSS and SVG — each shown with its hex and RGB value on a live swatch. It is the quick way to go from a color name a design uses to the exact value you need to paste into code, or to browse the palette and find a name for a color you like.
How it works
The complete CSS Color Module Level 4 keyword list ships with the page as a name-to-hex table. As you type, the tool filters the list by matching your text against both the color names and their hex values, so you can search either way. Each result shows the swatch, the hex code and the equivalent rgb() value, ready to copy. Some keywords are aliases that render identically — for example aqua and cyan are both #00ffff.
Example
Searching coral shows:
| Name | Hex | RGB |
|---|---|---|
| coral | #ff7f50 | rgb(255, 127, 80) |
| lightcoral | #f08080 | rgb(240, 128, 128) |
Searching the hex #00ffff instead surfaces both aqua and cyan, since they share that value.
Useful when a design uses a named color and you need the exact hex or rgb()
value to paste elsewhere. Everything runs in your browser; nothing is uploaded.