Skip to content
Lizely

HTML Color Names Chart

Search all 148 opaque CSS named-color keywords and copy each exact standardized HEX or RGB mapping.

Privacy: your files never leave your device. All processing happens locally in your browser.

How to use

  1. 1.Type part of a CSS color name, an exact #RRGGBB value, or a complete rgb(...) value in the filter.
  2. 2.Review the matching standardized keyword, swatch, HEX, and RGB mapping.
  3. 3.Click a HEX value to copy it; clear the filter to restore all 148 opaque named colors.

About HTML Color Names Chart

HTML Color Names Chart lists the 148 opaque named-color keywords standardized by CSS Color. Search by keyword, exact six-digit HEX value, or a complete rgb(...) string, then inspect the swatch and copy its HEX mapping. The chart runs entirely in the browser and does not send searches or copied values to a server.

Each row contains one CSS keyword, one lowercase #RRGGBB value, one decimal rgb(r, g, b) value, and a rendered swatch. Keyword search is case-insensitive and matches name fragments. A search beginning with # uses exact HEX matching. A complete rgb(...) search also uses exact matching so a short numeric fragment cannot accidentally match an unrelated channel value.

The table includes standardized aliases as separate rows. Aqua and cyan both map to #00ffff; fuchsia and magenta both map to #ff00ff. American and British gray spellings also coexist for several names. These are not accidental duplicate records: each spelling is a valid CSS identifier and is useful when reading or maintaining existing stylesheets.

The chart excludes transparent and currentColor from its 148-row count. Transparent is a special color keyword representing transparent black rather than an opaque named swatch. CurrentColor depends on the computed color property of an element, so it has no fixed standalone HEX value. Keeping those values outside the opaque table prevents a misleading numeric mapping.

All listed colors resolve in the sRGB color space. The names are historical identifiers, not a perceptually even palette, scientific taxonomy, accessibility rating, or promise that a display reproduces a physical pigment. Some neighboring names can look surprisingly similar, and some names do not describe relative lightness consistently.

Use the chart when translating a legacy stylesheet, choosing a readable keyword for a prototype, checking the exact value behind a name, finding aliases, or copying a stable color token into CSS. A named color can be used anywhere a CSS color value accepts a named-color identifier, subject to the property grammar and browser support.

Search results preserve the specification table order, which is ASCII alphabetical by keyword in this implementation. Filtering never changes a mapping, merges aliases, invents fuzzy synonyms, or converts the color to another color space. Clearing the filter restores all 148 rows. A no-match message is shown rather than substituting a nearby color.

Clicking a HEX value requests a clipboard write and reports success only after the browser resolves that request. If clipboard permission is denied, the visible keyword, HEX, and RGB text remain selectable for manual copying. No hidden format is copied, and the chart does not modify capitalization or add CSS declarations around the value.

The dataset is locked by invariants: 148 rows, 148 unique keyword keys, six lowercase hexadecimal digits per value, and separate alias rows. External golden cases cover endpoints, aliases, mixed channels, rebeccapurple, and the first and last alphabetical entries. These checks guard against missing rows, misspelled identifiers, or transposed channels during maintenance.

For accessibility decisions, a color name alone is insufficient. Contrast depends on the foreground-background pair, text size, weight, and applicable guidance. Use the related contrast checker for that task. For gradients, palette generation, image sampling, or historical web-safe colors, use the corresponding focused tools rather than treating this reference chart as a generator.

Methodology & sources

The chart embeds the 148 opaque CSS Color 4 named-color keywords and exact sRGB mappings. It preserves aliases as distinct valid identifiers, excludes transparent/currentColor from the opaque count, and validates row count, key uniqueness, format, and eight external mappings.

Frequently asked questions

How many opaque CSS named colors are listed?
The chart contains 148 opaque named-color keywords, including standardized aliases as separate valid names.
Why do aqua and cyan appear twice with the same value?
They are distinct valid CSS identifiers that intentionally map to the same sRGB value. The chart preserves aliases instead of merging them.
Why are transparent and currentColor not in the 148 rows?
Transparent is a special alpha-bearing keyword, while currentColor depends on an element computed color. Neither is one fixed opaque named-color mapping.
Can I use these names in CSS?
Yes. A named-color identifier can be used where a CSS color value is accepted, but accessibility and physical color matching require separate evaluation.

Related tools

Color Tools guides

View all