What are CSS named colors?

Named colors are predefined color keywords like red, blue, and teal that browsers support in CSS.

Do color names have HEX values?

Yes. Each named color maps to a specific HEX color value.

⚡ Speed Up Workflow⚡ Workflow

Red

#ff0000

Green

#008000

Blue

#0000ff

Yellow

#ffff00

Orange

#ffa500

Purple

#800080

Pink

#ffc0cb

Cyan

#00ffff

Magenta

#ff00ff

Black

#000000

White

#ffffff

Gray

#808080

Use named colors during rapid prototyping, then switch to system tokens for production UI consistency.

Named colors speed up quick styling, docs, and classroom examples before moving to stricter token-driven design systems.

Are these CSS-safe names?

Yes, these are common names used in CSS contexts.

Can I search by name?

Yes, use the search box to filter the list instantly.