Skip to content

CSS Named Colors

Browse and search all 148 CSS color names with HEX values.

Processing and privacy

Processing varies by tool. Check the instructions for local processing, server requests, external services and any file or request limits before entering sensitive information.

Read the privacy policy

Share this tool

Found it useful? Send it to a friend or teammate.

Rate this tool

0.0

0 ratings

  • 5 stars 0
  • 4 stars 0
  • 3 stars 0
  • 2 stars 0
  • 1 star 0

Click a star to rate this tool

Clear instructions

Find steps, examples and limitations below.

Use online

Open the tool in a supported web browser.

Free to use

No sign-up required. Tool-specific limits may apply.

How to use the CSS Named Colors

Browse named CSS colors and their HEX values.

  1. 1 Search colors by name or the values accepted by the search field.
  2. 2 Choose alphabetical, hue or lightness sorting.
  3. 3 Click the desired color to copy its value.

Example and practical tips

Search tomato to find a recognizable CSS color keyword and its displayed value.

Frequently asked questions

Do the names adapt to dark mode automatically?

No. A named color represents a fixed color, not a theme-aware semantic token.

Are similarly named colors necessarily identical?

Not always. Inspect the displayed values instead of relying only on the names.

  • How to Use CSS Named Colors

    Browse all CSS named colors with their HEX and RGB values. Search by name or color and copy the code in one click. Free CSS color names reference.

Browse all guides

Report an issue

Something broken or not quite right? Tell us and we will look into it.

Accessibility Menu

Personalize your experience. Open with Ctrl+U (Option+U on Mac). Preferences stay in this browser when storage is available.

Move / Hide Widget

Restore at any time with Ctrl+U (Option+U on Mac).

Accessibility statement and help