CSS Color Names

Browse and search CSS color names with previews

CSS Color Names

Browse and search through all 140+ named CSS colors with live previews

Showing 140 of 140 colors

140
Total Colors
140
Visible
0
Copied

Features

  • 140+ named CSS colors
  • Real-time search and filtering
  • Multiple view modes
  • One-click copy functionality

How to Use

  1. 1. Browse all colors or use search to find specific ones
  2. 2. Switch between grid, list, and compact views
  3. 3. Click any color to copy its name or HEX code
  4. 4. Export all colors for reference in your projects

CSS Color Names FAQs

How many named colors are included?

The full set of 140 keyword colors from the CSS Color Module, from aliceblue through yellowgreen, including rebeccapurple and both spellings of colors that exist in gray and grey variants. Every keyword is usable directly in CSS, so what you copy works in any stylesheet.

What can I type into the search box?

Search matches both the color name and the hex value, case-insensitively, as you type. Typing "light" narrows the list to every light-prefixed color, while typing "FF69" pulls up hotpink by part of its hex code.

What is the difference between the three view modes?

Grid view shows large swatch cards in a responsive grid, list view lays colors out as rows with name and hex side by side for scanning, and compact view squeezes the palette into dense tiles when you want to see many colors at once.

What exactly gets copied when I click a color?

Clicking a swatch or its name copies the CSS keyword, such as cornflowerblue, while clicking the hex value copies the code like #6495ED. The Copied counter tracks how many values you have grabbed this session, and Export All downloads every color as JSON with its name, hex, and RGB triplet.

Does browsing this list use the network?

No. All 140 colors ship inside the page itself, so search, view switching, copying, and exporting work instantly with zero requests after the page loads.