This tool converts any CSS named colour — like cornflowerblue, teal, rebeccapurple or tomato — into its hex code, with a live swatch so you can confirm the colour. It is useful for designers and developers who know a colour by name but need the exact #rrggbb value for a design file, a config or non-CSS code that does not accept named colours.
How it works
The full table of 148 CSS named colours from the CSS Color Module Level 4 standard is built into the page as a name-to-hex map. When you type a name, the tool looks it up directly and returns the corresponding hex value plus a preview swatch. Both the gray and grey spellings are included, as is the modern rebeccapurple. If the name is not recognised, it tells you and suggests close matches that start with what you have typed.
Example
| Named colour | Hex |
|---|---|
| cornflowerblue | #6495ed |
| teal | #008080 |
| tomato | #ff6347 |
| crimson | #dc143c |
| rebeccapurple | #663399 |
So typing tomato returns #ff6347 with a matching swatch. Lookups are instant and run entirely in your browser —
nothing is uploaded.