HTML Color Names Chart

Browse all 148 named CSS colors with HEX values, color swatches, and search filtering.

Tested tool guide Tested browser tools Checked August 16, 2026

What HTML Color Names Chart does, with a checked example

This chart is a finite lookup table for the CSS named-color vocabulary, presented as 148 searchable rows. Each row places the keyword beside its six-digit HEX value and a rendered swatch, letting a user check spelling, numeric equivalence, and approximate appearance in one view. Entering a name filters the displayed set instead of converting a free-form color. The point most often missed is that 148 names do not represent 148 unique colors: aliases exist, including aqua and cyan, which both correspond to #00FFFF.

Worked example

A concrete input and expected output from the current implementation.

Input

rebeccapurple

Expected output

A matching entry for rebeccapurple showing #663399 and a purple swatch.

The CSS keyword rebeccapurple is defined as #663399. Its hexadecimal byte pairs are 66, 33, and 99, equal to RGB channel values 102, 51, and 153 respectively.

How the result is produced

Keyword lookup

Every row pairs one CSS keyword with its fixed hexadecimal sRGB equivalent and a visual sample. Typing an exact keyword such as rebeccapurple filters the chart to the relevant entry. The result is a lookup, not a color calculation: the chart reports the value assigned to that name and does not generate a new shade or modify the submitted text.

Aliases and duplicate values

Names are counted as keywords even when two names have identical channel values. Aqua and cyan both map to #00FFFF, while fuchsia and magenta both map to #FF00FF. Gray and grey spellings also occur in several keyword pairs. Consequently, the number of chart entries is greater than the number of distinct colors represented by their HEX values.

Good uses

Checking that rebeccapurple, lightgoldenrodyellow, or another hard-to-spell CSS keyword is valid before placing it in a stylesheet.
Finding the exact HEX equivalent when a design specification, existing stylesheet, or browser inspector provides only a named CSS color.
Comparing named swatches or confirming that two differently named entries, such as aqua and cyan, represent the same CSS color.

Limits and checks

The swatch is a screen preview, not a physical color proof. Display calibration, color profiles, brightness, and surrounding colors can change its perceived appearance even though the listed HEX value remains fixed.
A matching keyword and HEX value do not establish readable contrast. The chart does not evaluate foreground-background combinations, text size, accessibility conformance, or suitability within a particular design system.
The chart covers the 148 predefined names in its stated collection. It is not a complete catalog of colors expressible through hexadecimal notation, rgb(), hsl(), lab(), or other CSS color functions.

Common questions

Can I use a listed name directly in CSS?

Yes. A listed name is a CSS color keyword, so it can be used where a CSS <color> value accepts named colors, for example color: rebeccapurple;. The listed HEX value denotes the same color. This chart does not determine whether the choice has sufficient contrast, fits a project's design-token rules, or is supported by non-CSS software.

Are HTML color names different from CSS color names?

On this page, "HTML color names" refers to the standardized named colors used in CSS, not to a separate 148-color palette defined by HTML. Older references may emphasize a smaller historical group, while this chart states that it covers 148 names. No, each name is not necessarily a unique color because standardized aliases can share one HEX value.

References and verification

The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.