Named Color Reference
9 toolsBrowse and search all CSS named colors.
Runs in your browser — your files and text stay on your device
Browse and search the CSS named colors, such as tomato, rebeccapurple and cornflowerblue, with their hex values. The list uses the 'gray' spellings (CSS also accepts 'grey' aliases). Click a color to copy its hex code; it's a quick reference for when you remember the look but not the name.
Picker & PaletteShade ScalePalette from ImageColor MixerGradient GeneratorContrast CheckerColor BlindnessNamed ColorsPalette Reference
How to use this tool
- 1Search or scroll to find a CSS named color.
- 2Click any swatch to copy its hex code.
Frequently asked questions
Can I use these names directly in CSS?
Yes — all of these are valid CSS color keywords (e.g. color: cornflowerblue;) and work identically to their hex equivalent shown here.
Is this the complete list?
This lists the CSS Color Module Level 4 named colors using the 'gray' spellings. CSS also accepts the 'grey' aliases (grey, darkgrey, dimgrey, lightgrey, slategrey, darkslategrey, lightslategrey), which are identical to their 'gray' counterparts.