Skip to content

HTML color names

Every CSS named color keyword (AliceBlue, RebeccaPurple, …) with HEX for handoff. Ideal for quick sketches, teaching, and Canvas fills — production design systems usually prefer constrained token names instead of free-form keywords.

What this page is

The browser-supported dictionary of color: DarkSlateBlue style keywords. Names are part of the CSS standard; HEX values shown here match the CSS Color Module definitions used by modern engines.

How to use it

  1. Search for a keyword or scroll the filtered list; copy HEX if your downstream tool does not accept named keywords.
  2. In stylesheets you can paste either the name or HEX — both resolve the same in compliant browsers.
  3. When you graduate to a token file, rename to semantic roles (--link) and keep HEX in one place via CSS variables export.

Avoid named colors in large systems when…

Designers grep for rebeccapurple and find it meaningless next to color.text.secondary. Prefer design tokens for multi-repo work.

Related on ChromaXP

Structured palettes and tools.

Tailwind defaults Numeric scales when named colors feel too whimsical for UI chrome. Canvas colors HTML5 Canvas defaults where named colors often appear in tutorials. Color converter Convert any keyword’s computed HEX to OKLCH or HSL in one step.

FAQ

Are named colors case-sensitive?

CSS keywords are ASCII case-insensitive. We display mixed case for readability; paste however your style guide prefers.

Why is the list longer than I remember from 2005?

The standard grew (for example rebeccapurple). This page tracks the modern keyword set in our bundled data file, not historical IE subsets.

Do named colors work in every CSS context?

They work wherever <color> is accepted. Some modern features (relative color syntax, etc.) expect explicit functions — convert when the parser complains.