CSS Named Colors
All 148 CSS Color Module Level 4 named colors with swatches, hex values, RGB, HSL, and live click-to-copy. Sort by hue, lightness, or name; filter by search term or hex prefix.
How to Use
- Search by name (red, salmon, cornflowerblue…) or hex (ff or #cd5c).
- Sort by hue (the rainbow), lightness, or alphabetical.
- Click any swatch to copy its name. Shift-click to copy its hex.
About CSS named colors
Frequently Asked Questions
How many CSS named colors are there?
148 (per CSS Color Module Level 4). Some have aliases (gray/grey, aqua/cyan, fuchsia/magenta).
When should I use them?
Demos, mockups, code samples, debugging. For production design systems, use semantic tokens (--color-primary) backed by a chosen palette.
Which ones are legacy?
The 16 HTML 4 colors — aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. Everything else came from X11 / SVG / CSS3 extensions.
Why is rebeccapurple special?
Added to CSS Color Module Level 4 in 2014 in memory of Rebecca Meyer, daughter of CSS pioneer Eric Meyer. It is hex #663399.
Common Use Cases
Quick prototyping
Grab a named color while sketching ideas in code.
CSS reference
Look up the hex of a name or vice versa instantly.
Palette inspiration
Browse the spectrum by hue to spot pairings.
Last updated: