Colors

Random Named Color Generator

CSS named colors are a set of 140+ officially defined color names recognized by all modern browsers. This random named color generator picks from real CSS color names — like Coral, SteelBlue, or DarkOrchid — and shows you the matching hex code. It is a great tool for developers learning CSS colors, designers looking for inspiration, or anyone who wants to discover beautiful named hues without having to memorize hex values. Filter by color family to find the perfect shade.

Use Cases

  • •Learning CSS color names
  • •Quick design color inspiration
  • •Web development prototyping
  • •Color education and reference
  • •Generating named swatches for style guides

FAQ

How many CSS named colors are there?

There are 140 official CSS named colors recognized by the W3C, ranging from basic hues like Red and Blue to exotic names like PapayaWhip and RebeccaPurple.

Can I use color names instead of hex in CSS?

Yes — all 140 CSS color names work directly in stylesheets, e.g. color: Coral; or background-color: SteelBlue;

What is the most popular CSS named color?

Common ones include Tomato, Coral, SkyBlue, and Gold. RebeccaPurple was added as a tribute to web pioneer Eric Meyer's daughter.

Are CSS color names case-sensitive?

No — CSS color names are case-insensitive, so coral, Coral, and CORAL all produce the same result.