Named CSS Colors Chart
Browse and search every standard named CSS color in one place. CSS lets you write keywords like tomato, teal or rebeccapurple instead of hex codes, which is handy for prototypes and readable stylesheets, but remembering which name maps to which shade is hard. This chart lists the common named colors with a live swatch and the exact hex value beside each one, and a search box filters the list as you type so you can find a name or a rough color fast. Click any swatch to copy its name, or click the hex to copy the code, whichever your project prefers. The whole reference loads instantly and runs entirely in your browser with nothing sent anywhere.
How to use Named CSS Colors Chart
- Browse or search the color names.
- Find the swatch and hex code you want.
- Copy the name or hex value.
Frequently asked questions
What does this chart show?
It lists all standard CSS color names with their hex codes and swatches.
Can I search for a color name?
Yes. You can search the chart to find a specific named color quickly.
Can I copy a name or hex code?
Yes. You can copy either the CSS color name or its hex value with one click.
What is Named CSS Colors Chart?
Browse and search every standard named CSS color in one place. CSS lets you write keywords like tomato, teal or rebeccapurple instead of hex codes, which is handy for prototypes and readable stylesheets, but remembering which name maps to which shade is hard.
Is Named CSS Colors Chart free to use?
Yes. Named CSS Colors Chart is completely free, with no sign-up and no usage limits.
Does Named CSS Colors Chart work in a web browser?
Yes. Named CSS Colors Chart runs in any modern web browser. There is nothing to download or install.
Is my data private with Named CSS Colors Chart?
Yes. Named CSS Colors Chart runs entirely on your device in your browser, so nothing you enter is uploaded to a server.
Badge
Link this tool from a README, doc or site. The badge links back to this page.
[](https://yourhack.ai/named-css-colors)