Named Colors Reference
Browse all 147 CSS named colors. Search by name, filter by color family, and copy color values in your preferred format. A complete reference for web developers and designers.
Showing 141 of 141 colors
Reds16
Oranges25
Yellows11
Greens16
Cyans17
Blues20
Purples6
Pinks11
Whites14
Grays4
Blacks1
About CSS Named Colors
- CSS defines 147 named colors (148 if you count both gray/grey variants)
- These colors can be used directly in CSS without hex codes (e.g.,
color: tomato;) - Named colors are case-insensitive in CSS
- Click any color swatch to copy its hex value
- Some colors like "rebeccapurple" were added in honor of Eric Meyer's daughter
FAQ
What are CSS named colors?
CSS named colors are predefined color keywords that can be used instead of HEX or RGB values. Examples include "red", "blue", "coral", and "rebeccapurple". There are 147 named colors in CSS.
Are named colors supported in all browsers?
Yes, all 147 CSS named colors are supported in all modern browsers and have been standardized for years. They are safe to use in any web project.
Should I use named colors or HEX codes?
Named colors are great for readability and quick prototyping. For precise brand colors or design systems, HEX or HSL values give you more control and the full color spectrum.