Skip to content
ToolQivo

HTML Color Names Chart

All 148 CSS colour names, searchable and sortable.

Color Tools Reviews Free · no sign-up

Find a name

The list 
The names appear here

Quick Tool Overview

The HTML Color Names Chart lists all 148 names CSS recognises with their HEX, RGB and HSL values, sortable by hue or lightness rather than alphabetically — which is what turns an arbitrary historical list into something you can pick from.

What it does
Lists every CSS colour name with its values
You give it
Nothing, or a search term
You get back
A sortable chart with contrast scores
Best for
Prototyping and looking up what a name actually is
Color Tools Free, unlimited use No sign-up Runs in your browser

About the HTML Color Names Chart

Every colour name CSS recognises — all 148 of them — with its HEX, RGB and HSL values, in a chart you can search, filter and sort. Click any colour to copy its value in whichever notation you need.

The set is a historical accident worth knowing about. These are the X11 colour names from Unix workstations in the 1980s, inherited by early browsers and then standardised because too much existing markup depended on them. That is why the list is so uneven: over thirty variations of blue and one plain brown, darkgray that is lighter than gray, and four different greys spelled both ways.

Sorting by hue or by lightness rather than alphabetically is what makes the chart useful — it turns an arbitrary list into something you can actually pick from. Each colour also carries its contrast against black and white, so you can see at a glance which of the named colours can carry text. rebeccapurple is the only name added in the modern era, standardised in 2014 in memory of Eric Meyer’s daughter.

Key features of the HTML Color Names Chart

Sorted by hue or lightness

Alphabetical order makes the set useless to browse. Sorting by colour turns it into a palette.

Every notation

HEX, RGB and HSL for each name, copied in whichever you have selected.

Contrast included

Scored against black and white text, so the names that can carry text are obvious.

Filter by family

Reds, blues, greens and the rest, which is how people actually look for a colour.

The history noted

Why darkgray is lighter than gray, and where rebeccapurple came from.

How to use the HTML Color Names Chart

  1. 1

    Search or filter

    By name, or by colour family — reds, blues, greens and the rest.

  2. 2

    Sort usefully

    By hue or lightness rather than alphabetically, which is what makes the set browsable.

  3. 3

    Click to copy

    Any colour copies in the notation you have selected.

  4. 4

    Check the contrast

    Each colour is scored against black and white text.

Frequently asked questions

148 distinct names, though several are duplicates — gray and grey, and their compounds, are spelled both ways and refer to the same colours. There are 138 unique colour values.

Reviews of the HTML Color Names Chart

What people who use the HTML Color Names Chart think of it. Reviews come from visitors and are posted as written.

No ratings yet

Yours would be the first.

  • 5 0 reviews rated 5 stars
  • 4 0 reviews rated 4 stars
  • 3 0 reviews rated 3 stars
  • 2 0 reviews rated 2 stars
  • 1 0 reviews rated 1 star

Write a review

Used this tool? Your rating helps the next person decide.

Your rating

Plain text only — links, email addresses and HTML are not accepted. Your name and review are shown publicly; nothing else is collected. See the privacy policy.

0 reviews

Newest first

No reviews yet

Be the first to rate the HTML Color Names Chart. It takes half a minute and no account.

Write the first review

More color tools