HTML Color Names

All tools Free

Browse all 140 standard CSS/HTML named colors in a beautiful swatch grid — search by name or hex, filter by color family and copy the hex, rgb() or hsl() value of any color in one click. In your browser, free.

All 140 standard CSS/HTML named colors, with their hex, RGB and HSL values. Everything runs in your browser from a built-in reference — nothing is sent to the server.

No color matches your search.
Try a different name or hex — for example RebeccaPurple, #00FF00 or teal.

About HTML Color Names

This reference presents all 140 standard CSS/HTML named colors — the full list browsers understand, from AliceBlue through YellowGreen — as a responsive swatch grid. Each swatch shows the color itself with its name and hex value, and clicking one opens its hex, rgb() and hsl() forms, each copyable in a single click.

You can search by name or hex value — Tomato and #FF6347 find the same swatch — and filter by family: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, and Grays & Blacks. The family view is the fastest way to shortlist candidates when you know roughly the hue you want.

Named colors are handy for prototypes, code examples, SVG fills and teaching, because a name like RebeccaPurple communicates intent better than a hex triplet. The RGB and HSL values are derived in your browser from each color’s hex, and nothing you search is sent to a server.

How to use HTML Color Names

  1. Search by color name or hex value — for example Tomato, teal or #00FF00.
  2. Filter by family — Reds, Blues, Grays and so on — to shortlist colors in one hue range.
  3. Click a swatch to copy its hex value instantly.
  4. Open the swatch popover to copy the rgb() or hsl() form instead.

Frequently asked questions

There are 140 standard named colors in modern CSS, extending the original 16 HTML colors with the larger X11-derived list. Every current browser supports all of them, in any property that accepts a color.

No. tomato, Tomato and TOMATO are all valid and identical in CSS and HTML. The camel-cased forms shown here are just the conventional spelling that makes multi-word names like LightGoldenrodYellow readable.

Names are great for examples, prototypes and one-off accents; production palettes usually live in custom properties with hex, rgb() or hsl() values, because design-system colors rarely match a named color exactly. Functionally, a name and its hex are interchangeable.

CSS includes both spellings for gray and its variants — gray/grey, darkgray/darkgrey and so on — mapping each pair to the same value, so neither spelling is wrong.

Yes. All 140 swatches, the search, the family filters and the hex/rgb()/hsl() copying are free and run entirely in your browser.
Share this
Related Tools
HTTP Status Codes Look up every HTTP response status code (1xx–5xx) in a searchable, filterable directory — then open any code for what it means, when to use it, whether it is cacheable and the RFC that defines it. In your browser, free. Free
HTTP Methods A scannable reference for every HTTP request method — GET, POST, PUT, PATCH, DELETE and the rest, plus WebDAV — showing at a glance whether each one is safe, idempotent and cacheable, if it takes a body, and a typical example. In your browser, free. Free
HTTP Headers Reference Look up common HTTP request and response headers in a searchable directory — filter by direction and category, read a one-line description and a realistic example, and copy any header name with one click. In your browser, free. Free
DNS Record Types Browse every common DNS record type — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA and more — with its purpose, a copyable zone-file example and a category. Search and filter instantly, in your browser, free. Free
TCP/UDP Port Numbers Look up well-known and commonly-used network ports in a searchable table — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB and 120+ more, each with its transport protocol, service, description and category. Search by port number or service name and copy values instantly. In your browser, free. Free
Subnet / CIDR Calculator Calculate IPv4 subnets from CIDR or mask: network, broadcast, host range, wildcard and more. Free
Need help?
Found an issue with this tool? Let our team know.
Report an issue

Add this free tool to your own website — copy and paste the code below.