CSS Color Names

Search named CSS colors and copy values (HEX/RGB/HSL) or ready-to-use CSS snippets.

How to Use

  1. Type a color name (example: rebeccapurple) or a partial match.
  2. Click a swatch to select it and see details.
  3. Use the copy buttons to copy the exact format you need (HEX/RGB/HSL/CSS).
  4. Use “Share Link” to generate a URL that restores your selection and filters.
Search & Filters
Client-side list. No uploads. Fast filtering.
Tip: supports partial matches and spaces/hyphens (normalized).
Brightness/Hue are computed in-browser.
Results
Click a swatch to select. Keyboard: use Tab, then Enter/Space.
—
Details & Reference
- Named colors are case-insensitive in CSS. - Many names include legacy spellings (e.g., grey/gray variants). - “transparent” is a special keyword (alpha = 0) and is handled separately by tools.
This page focuses on named colors. Use converters for arbitrary HEX/RGB/HSL values.

FAQ

Are CSS color names case-sensitive?

No. In CSS, named colors are case-insensitive (for example, DodgerBlue and dodgerblue match).

Why do some colors have “grey” and “gray” versions?

CSS includes several historical aliases. Both spellings are provided for compatibility.

Is transparent a named color?

It’s a special keyword meaning “fully transparent” (alpha = 0). Tools may show it separately from the named color list.

Tool Info

Last updated:

Updates may include better sorting, export formats, and accessibility improvements.