Color Names
Browse named colors with their hex and RGB codes.
Updated June 2026
148 colors total
How to use the Color Names
- 1
Search or scroll
Type a color name like "blue" or a hex fragment like "ff63" to filter the grid, or scroll the full list.
- 2
Find your color
Each swatch shows the live color, its CSS name, and its hex code, with a running count of matches.
- 3
Copy the hex
Click any swatch to copy its hex code to your clipboard — a "Copied!" hint confirms it.
About this tool
Color names are the human-readable keywords CSS and HTML accept in place of a hex or RGB value — words like red, teal, coral, and rebeccapurple. This catalog lists all 140+ standard named colors defined by the CSS Color specification, each shown as a live swatch alongside its canonical lowercase hex code. Designers and developers use it to look up the exact value behind a name, or to find a name close to a color they already have.
Every entry maps a keyword to a precise #rrggbb value, so you never have to guess whether "dodgerblue" is the shade you want. Search filters the grid by name or by hex fragment as you type, and clicking any swatch copies its hex straight to your clipboard. Because the names are part of the CSS standard, they render identically across every modern browser.
Everything runs locally in your browser — nothing is uploaded or tracked. Use it to pick readable keyword colors for quick prototypes, to translate a legacy named color into a hex value for a design system, or simply to explore the full palette of web-safe color names in one place.
Examples
Input
Search "coral"
Output
coral → #ff7f50 (and lightcoral → #f08080)
Filtering by name narrows the grid to matching swatches instantly.
Input
Search "#ff6347"
Output
tomato → #ff6347
Searching by hex finds the named color for a value you already have.
Input
Click the "rebeccapurple" swatch
Output
#663399 copied to clipboard
Common uses
- Developers looking up the hex value behind a CSS color keyword
- Designers finding the named color closest to a hex they already have
- Students learning the standard web color names and their values
- Front-end engineers choosing readable keyword colors for quick prototypes
- Teams translating legacy named colors into hex for a design system
- Writers and marketers grabbing accurate color names for documentation
Frequently asked questions
How many CSS color names are there?+
The CSS Color specification defines 140+ named colors (148 keywords once you count gray/grey spelling variants). This catalog includes them all with their exact hex values.
Are named colors the same in every browser?+
Yes. The keyword-to-hex mapping is part of the CSS standard, so a name like "tomato" resolves to the same #ff6347 in every modern browser.
Can I search by hex code?+
Yes. Type a full or partial hex (with or without the #) and the grid filters to matching colors, so you can find the name closest to a value you already have.
What does clicking a swatch do?+
It copies that color's hex code to your clipboard. A brief "Copied!" label confirms the copy so you can paste it straight into your CSS.
Are my searches sent anywhere?+
No. The whole catalog and search run entirely in your browser. Nothing is uploaded, logged, or stored.
Learn more
Related tools
Embed this tool
Free to use on your own site — it stays fast and private for your visitors.
Paste this where you want the tool to appear:
<iframe src="https://hypercho.com/embed/color-names" title="Color Names by Hypercho" width="100%" height="560" style="border:1px solid #d8cec3;border-radius:16px;max-width:720px" loading="lazy"></iframe>
<p style="font:13px sans-serif"><a href="https://hypercho.com/tools/color-names" target="_blank" rel="noopener">Color Names</a> by <a href="https://hypercho.com" target="_blank" rel="noopener">Hypercho</a></p>