Developer
Encoders, converters & dev utilities
CSS Named Colors — Name ↔ HEX / RGB Lookup
Look up any CSS named color and see its HEX, RGB, and HSL — or snap an arbitrary color to the nearest keyword. CSS defines around 148 named colors (the extended keyword set in CSS Color 4), each an exact alias for a specific value: for example orange is #FFA500 = rgb(255, 165, 0), tomato is #FF6347, and rebeccapurple is #663399. A color like #FF8800 has no exact keyword, so the tool finds the closest named color by distance. Knowing the keyword is handy for readable CSS, and knowing there is no exact name tells you to keep the HEX. Runs 100% in your browser with a live swatch. Free, no login.
Named color = an exact CSS keyword alias for a fixed value (the ~148-color extended set, CSS Color 4)
- Byte-exact worked example: orange = #FFA500 = rgb(255, 165, 0); tomato = #FF6347; rebeccapurple = #663399
- No exact keyword? The tool snaps to the nearest named color by distance — e.g. #FF8800 is close to, but not equal to, orange (#FFA500)
- Keywords make CSS readable, but only a fixed palette has names — arbitrary colors keep their HEX/RGB
- 100% client-side keyword map + a live swatch — nothing is uploaded
Frequently asked questions
How many named colors does CSS have?
The extended CSS color keyword set (standardised in CSS Color 4) has around 148 named colors, from common ones like red, blue, and green to specific shades like tomato, rebeccapurple, and cornflowerblue. Each keyword is an exact alias for a fixed sRGB value — orange, for instance, is always #FFA500 (rgb(255, 165, 0)). This tool lists the name, HEX, RGB, and HSL for each.
What if my color has no exact CSS name?
Most colors do not. Only the ~148 keyword values have names, so a color like #FF8800 is not a CSS keyword — it is close to orange (#FFA500) but not equal to it. The tool computes the nearest named color by color-space distance so you get the closest label, while making clear that the exact value has no keyword and you should keep the HEX or RGB for accuracy.
Is rebeccapurple a real CSS color?
Yes — rebeccapurple (#663399) is a genuine CSS named color, added to the specification in memory of Eric Meyer's daughter Rebecca. It behaves exactly like any other keyword: an exact alias for rgb(102, 51, 153). It is a good example that the named-color list is a fixed, curated palette rather than an open-ended naming scheme.